:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202f2c;background:#f8f8f3;font-synthesis:none;line-height:1.6;--ink: #202f2c;--muted: #5d6b64;--green: #14685e;--cream: #f5efdf;--line: #dce2da;--orange: #b75d32}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--green);color:#fff;border:1px solid transparent;border-radius:9px;padding:12px 20px;font-size:.88rem;font-weight:650;cursor:pointer;line-height:1.4;min-height:44px}button:disabled{opacity:.55;cursor:not-allowed}.button:hover,button:hover:not(:disabled){filter:brightness(.94)}.secondary{background:transparent;border-color:#bdc9bd;color:var(--ink)}.dark{background:var(--ink)}.text-button{background:transparent;padding:6px 0;color:var(--green);text-align:left;justify-content:start}.danger{color:#a2392c}input,textarea,select{width:100%;border:1px solid #bcc8be;border-radius:7px;padding:11px 12px;background:#fff;color:var(--ink);min-height:44px}textarea{resize:vertical;line-height:1.6}input[type=checkbox],input[type=radio]{width:18px;min-height:18px;accent-color:var(--green);flex-shrink:0}label{display:flex;flex-direction:column;gap:7px;font-size:.85rem;font-weight:600}form{display:grid;gap:18px}form button{justify-self:start}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #cf7649;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.18;letter-spacing:-.04em}h1{font-size:clamp(2.2rem,4vw,3.4rem);font-weight:600}h2{font-size:1.65rem;font-weight:600}h3{font-size:1.1rem;font-weight:600}p{margin:12px 0 20px}em{font-family:Georgia,serif;font-weight:400;color:var(--green)}small,.small{font-size:.78rem}.muted{color:var(--muted)}.prose{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.eyebrow{display:block;font-size:.66rem;letter-spacing:.14em;font-weight:750;color:var(--green);margin-bottom:16px}.pill{display:inline-block;border:1px solid #cfdbcf;border-radius:40px;padding:4px 10px;font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;max-width:100%;overflow-wrap:anywhere}.brand{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;font-size:1.65rem;letter-spacing:-.065em;font-weight:650}.brand-dot{color:var(--orange)}.quiet-link{font-size:.86rem;font-weight:650;color:var(--green);display:inline-block;padding:7px 0}.actions,.split{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.split{justify-content:space-between}.notice{padding:14px 18px;background:#e9f1e9;border:1px solid #c3d9c8;border-radius:9px;font-size:.85rem;margin:16px 0;overflow-wrap:anywhere}.notice.error{background:#fff1e9;color:#812c22;border-color:#e4baad}.skip-link{position:fixed;top:-100px;left:20px;background:#fff;padding:15px;z-index:100}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}hr{border:0;border-top:1px solid var(--line);margin:30px 0}.full-width{width:100%}.public-nav{max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 5%}.landing-hero{max-width:1320px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;padding:70px 5% 90px}.landing-hero h1{font-size:clamp(3.7rem,6.5vw,6rem);line-height:1.04;letter-spacing:-.065em}.lead{font-size:1rem;line-height:1.85;color:var(--muted);max-width:510px;margin:28px 0}.live-dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:7px}.loom-preview{padding:34px;background:#e5ede3;border:1px solid #d1dece;border-radius:18px;box-shadow:18px 24px #efeada;transform:rotate(1deg)}.preview-top{display:flex;align-items:center;justify-content:space-between;color:var(--green)}.preview-top>span:last-child{font-size:2rem}.loom-preview h2{font-family:Georgia,serif;font-size:2.5rem;font-weight:400;margin:22px 0 28px}.thread-line>div{display:flex;gap:17px;position:relative;padding-bottom:25px}.thread-line>div:not(:last-child):before{content:"";position:absolute;top:40px;bottom:0;left:19px;width:1px;background:#a5bba9}.thread-line>div>span{height:40px;width:40px;flex-shrink:0;display:grid;place-items:center;border:1px solid #b3c7b5;border-radius:50%;font-size:.7rem;background:#edf3e8}.thread-line p{font-size:.78rem;color:var(--muted);margin:3px 0 0}.thread-line strong{font-size:.88rem}.preview-note{background:var(--green);color:#fff;padding:17px;border-radius:9px;font-size:.82rem;display:flex;align-items:center;gap:15px}.preview-note span{font-size:1.6rem}.landing-strip{padding:30px 6%;border-block:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.78rem;background:#fff}.landing-strip>span{font-size:.6rem;letter-spacing:.1em;color:var(--muted)}.landing-details{padding:90px 7%;max-width:900px}.landing-details h2{font-size:clamp(2.6rem,4vw,4rem)}.landing-details p{max-width:550px;color:var(--muted)}.public-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding:30px 6%;font-size:.8rem}.login-layout{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh}.login-story{background:#e5ede3;padding:50px 10%;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;position:relative}.login-story .brand{position:absolute;top:40px}.login-story h1{font-size:clamp(3.2rem,5vw,5rem)}.login-story p{color:var(--muted)}.login-form{width:100%;max-width:500px;margin:auto;padding:50px}.login-form h2{font-size:2.2rem;margin-top:20px}.login-form form{margin:26px 0}.login-form form button{width:100%}.app-shell{display:grid;grid-template-columns:235px 1fr;min-height:100vh}.sidebar{padding:30px 24px;border-right:1px solid var(--line);background:#f0f2ea;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .brand{font-size:1.5rem}.workspace-label{font-size:.56rem;letter-spacing:.13em;color:var(--muted);margin-top:42px}.org-name{text-transform:capitalize;font-size:.95rem;font-weight:600;margin:6px 0 25px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{padding:12px;border-radius:8px;font-size:.8rem;color:#53635b}.sidebar nav a.active{background:#dbe8db;color:var(--green);font-weight:700}.sidebar-bottom{margin-top:auto;display:grid;align-items:center;gap:2px;padding-top:30px;font-size:.78rem}.sidebar-bottom>small:last-child{margin-top:20px;font-size:.58rem;color:var(--muted)}.avatar{width:35px;height:35px;display:grid;place-items:center;background:#d8e6d7;border-radius:50%;margin-bottom:10px}.workspace{padding:45px 4%;min-width:0;max-width:1800px;width:100%;margin:auto;align-self:start}.page-heading{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:30px}.page-heading h1{font-size:clamp(2rem,3.5vw,3rem)}.page-heading p{color:var(--muted);font-size:.88rem;max-width:620px;margin-bottom:0}.stats{display:flex;border-block:1px solid var(--line);margin:25px 0 35px;padding:20px 0;gap:8%}.stats>div{display:grid;gap:2px}.stats strong{font-size:1.8rem;letter-spacing:-.04em}.stats span{font-size:.72rem;color:var(--muted)}.course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:22px}.course-card{border:1px solid var(--line);background:#fff;border-radius:13px;overflow:hidden;max-width:560px;display:flex;flex-direction:column}.course-card-body{padding:24px;display:flex;flex-direction:column;gap:12px;flex:1}.course-card h2{font-size:1.35rem}.course-card p{font-size:.82rem;color:var(--muted);margin:0 0 8px}.course-card .split{margin-top:auto}.course-art{min-height:145px;padding:25px;display:flex;justify-content:space-between;align-items:center;background:#e2ebe1;color:#42795b;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 31px,#ffffff44 32px,#ffffff44 33px),repeating-linear-gradient(0deg,transparent 0,transparent 31px,#ffffff44 32px,#ffffff44 33px)}.course-art>span:first-child{font-family:Georgia,serif;font-size:3.7rem}.art-1{background-color:#ede4d3;color:#956244}.art-2{background-color:#dfe8ed;color:#3f6678}.empty{border:1px dashed #bdcbbd;border-radius:13px;text-align:center;padding:55px 25px;background:#f0f3eb}.empty>div{max-width:520px;margin:auto}.empty-mark{font-size:2.4rem;color:var(--green);display:block;margin-bottom:18px}.empty p{font-size:.9rem;color:var(--muted)}.starter-section{margin-top:45px}.starter-section h2{margin-bottom:20px}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.template-grid>a{padding:22px;border:1px solid var(--line);border-radius:9px;display:flex;gap:18px;background:#fff}.template-grid>a>span{font-size:1.5rem;color:var(--green)}.template-grid p{font-size:.78rem;margin-bottom:0;color:var(--muted)}.template-grid h3{font-size:1rem}.editor-grid{display:grid;grid-template-columns:200px minmax(0,1fr) 235px;gap:20px;align-items:start}.editor-outline,.lesson-nav{padding:18px 0}.editor-outline h2,.lesson-nav h2{font-size:.85rem;margin-bottom:20px}.outline-item{width:100%;background:transparent;color:var(--ink);text-align:left;display:flex;align-items:start;flex-direction:column;gap:4px;padding:12px;border-radius:7px;font-size:.74rem;font-weight:400;margin-bottom:7px;border:1px solid transparent;line-height:1.5}.outline-item small{font-size:.62rem;color:var(--muted)}.outline-item span{font-size:.62rem}.outline-item.selected{background:#e2ece0;border-color:#c5d7c3;color:var(--green)}.editor-main,.panel,.lesson-content{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px;min-width:0}.editor-main>p{font-size:.85rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.span-2{grid-column:1/-1}.brief-templates{display:flex;gap:9px;flex-wrap:wrap}.brief-templates span{width:100%}.brief-templates button{font-size:.7rem;padding:8px 12px}.file-label{margin-top:14px;font-size:.75rem}.ai-panel,.tutor-panel{padding:23px;background:#eef0e4;border:1px solid #dbdfcd;border-radius:12px;min-width:0}.ai-panel h2,.tutor-panel h2{font-size:1.45rem;margin:18px 0}.ai-panel p{font-size:.79rem;color:var(--muted)}.ai-panel>button{margin-bottom:12px;font-size:.75rem}.ai-symbol{font-size:2rem;color:var(--green)}.generation-status{padding-top:15px;border-top:1px solid var(--line)}.two-columns,.portal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:25px 0}.panel h2{margin-bottom:16px}.panel form{margin-top:20px}.panel p{font-size:.83rem}.portal-icon{display:grid;place-items:center;background:#e5ede3;width:48px;height:48px;border-radius:11px;color:var(--green);font-size:1.6rem;margin-bottom:20px}.offering-list{padding:0;list-style:none}.offering-list li{display:grid;padding:14px 0;border-top:1px solid var(--line);font-size:.85rem}.offering-list small{color:var(--muted)}.table-wrap{width:100%;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;text-align:left;font-size:.83rem}caption{text-align:left;padding:20px;font-weight:650}th,td{padding:16px 20px;border-top:1px solid var(--line);vertical-align:middle}th{font-size:.66rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:#f2f4ed}td small{display:block;color:var(--muted)}.meter-row{display:flex;gap:12px;align-items:center;min-width:130px}.meter-row span{font-size:.72rem;white-space:nowrap}progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border:0;background:#dfe5db;border-radius:5px;overflow:hidden}progress::-webkit-progress-bar{background:#dfe5db}progress::-webkit-progress-value{background:var(--green)}progress::-moz-progress-bar{background:var(--green)}.continue-card{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#e4eddf;border:1px solid #ccdcc4;border-radius:13px;padding:35px;margin-bottom:40px}.continue-card>div{max-width:540px;flex:1}.continue-card h2{font-size:2rem;margin-bottom:22px}.section-title{margin-bottom:25px}.player-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:25px 0 30px}.player-heading h1{font-size:2rem}.player-heading>.meter-row{width:190px}.player-grid{display:grid;grid-template-columns:190px minmax(0,1fr) 270px;gap:20px;align-items:start}.lesson-content h2{font-size:2rem;margin:25px 0}.lesson-position{font-size:.68rem;color:var(--muted);display:block;margin-top:14px}.lesson-content>.prose{font-size:.94rem}.activity{margin-top:35px;padding-top:28px;border-top:1px solid var(--line)}.activity h3{font-size:1.3rem}.activity>label{margin-bottom:18px}.activity>p{font-size:.85rem}.code-input{font-family:ui-monospace,monospace;font-size:.82rem;background:#f4f6f1;-moz-tab-size:4;tab-size:4}.quiz-option{display:flex;flex-direction:row;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:8px;margin-bottom:10px;font-weight:400;font-size:.85rem}.quiz-option.chosen{background:#edf4e9;border-color:#74a582}fieldset{border:0;padding:0;margin:0 0 20px}.attempt-feedback{padding:20px;background:#fff2e8;border-radius:9px;margin-top:20px}.attempt-feedback.success{background:#edf3e8}.attempt-feedback p{font-size:.83rem;margin-bottom:14px}.attempt-history{margin-top:22px;font-size:.77rem}.attempt-history>div{padding:15px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;padding:10px 0;font-weight:600}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f6f0;padding:12px;border-radius:5px}.lesson-controls{display:flex;justify-content:space-between;gap:15px;margin-top:35px;padding-top:25px;border-top:1px solid var(--line)}.tutor-panel .pill{font-size:.5rem}.tutor-suggestions{display:flex;flex-direction:column;gap:8px}.tutor-suggestions button{font-size:.7rem;padding:8px 12px;justify-content:start}.chat-messages{max-height:500px;overflow:auto;margin:15px 0}.chat-message{font-size:.78rem;margin:12px 0;padding:13px;border-radius:7px;background:#fff}.chat-message.user{background:#e0e8dc}.chat-message p{margin:6px 0}.chat-message small{font-size:.58rem;color:var(--muted)}.tutor-panel form{gap:10px}.tutor-panel form button{width:100%}.tutor-panel form textarea{font-size:.78rem}.tutor-panel>p:last-child{font-size:.65rem;margin-bottom:0}dialog{max-width:850px;width:calc(100% - 32px);max-height:90vh;border:1px solid var(--line);border-radius:15px;padding:30px;color:var(--ink);background:#fff}dialog::backdrop{background:#14251e99}dialog>.split{position:sticky;top:-30px;background:#fff;padding:12px 0;z-index:1}dialog>p{font-size:.9rem}.content-preview{padding-top:25px}.content-preview h2{margin:20px 0}.content-preview article{border-top:1px solid var(--line);padding:25px 0}.content-preview ul{font-size:.85rem;padding-left:20px}.content-preview article .prose{font-size:.88rem}.review-list{font-size:.86rem;line-height:2;padding-left:20px}.check-label{display:flex;flex-direction:row;align-items:start;gap:12px;margin:25px 0}.page-loading,.not-found{padding:80px 8%;text-align:center}@media(min-width:1500px){.editor-grid{grid-template-columns:220px minmax(0,1fr) 260px}.player-grid{grid-template-columns:210px minmax(0,1fr) 300px}}@media(max-width:1200px){.app-shell{grid-template-columns:200px 1fr}.sidebar{padding:25px 16px}.workspace{padding:30px 3%}.editor-grid,.player-grid{grid-template-columns:170px minmax(0,1fr)}.ai-panel,.tutor-panel{grid-column:2}.page-heading{align-items:start;flex-direction:column}.tutor-panel{max-width:none}.editor-main,.lesson-content{padding:22px}.player-heading{align-items:start;flex-direction:column}.player-heading>.meter-row{width:100%}}@media(max-width:760px){.public-nav{padding:20px}.public-nav>.quiet-link{display:none}.brand{font-size:1.5rem}.landing-hero{grid-template-columns:1fr;gap:45px;padding:35px 24px 65px}.landing-hero h1{font-size:clamp(2.8rem,12vw,3.8rem)}.loom-preview{margin:0 12px 0 0;padding:25px;box-shadow:10px 12px #efeada}.landing-strip{display:grid;grid-template-columns:1fr 1fr;font-size:.7rem;padding:25px}.landing-strip>span{grid-column:1/-1}.landing-details{padding:60px 24px}.public-footer{padding:25px;align-items:start;flex-direction:column}.login-layout{grid-template-columns:1fr}.login-story{padding:25px;min-height:280px}.login-story .brand{position:static;margin-bottom:35px}.login-story h1{font-size:3rem}.login-story .eyebrow,.login-story p{display:none}.login-form{padding:35px 25px}.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:18px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .workspace-label,.sidebar .org-name{display:none}.sidebar nav{display:flex;flex-wrap:wrap;gap:2px;margin-top:16px}.sidebar nav a{font-size:.7rem;padding:9px}.sidebar-bottom{display:flex;flex-wrap:wrap;gap:10px;padding-top:14px;font-size:.65rem}.sidebar-bottom .avatar,.sidebar-bottom>small:last-child{display:none}.sidebar-bottom .text-button{margin-left:auto;font-size:.7rem}.workspace{padding:28px 18px}.page-heading h1{font-size:2.2rem}.template-grid,.two-columns,.portal-grid,.editor-grid,.player-grid{grid-template-columns:1fr}.editor-outline,.lesson-nav{border:1px solid var(--line);border-radius:9px;padding:15px;max-height:260px;overflow:auto}.ai-panel,.tutor-panel{grid-column:auto}.editor-main,.lesson-content{padding:20px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.page-heading .actions{gap:7px}.page-heading .actions button{font-size:.72rem;padding:10px 12px}.stats{gap:30px}.stats span{font-size:.65rem}.continue-card{padding:24px;align-items:start;flex-direction:column}.continue-card>div{width:100%}.continue-card h2{font-size:1.7rem}.lesson-content h2{font-size:1.65rem}.lesson-controls button,.lesson-controls .button{font-size:.73rem;padding:10px 12px}.player-heading h1{font-size:1.8rem}.tutor-panel h2 br{display:none}.panel{padding:22px}.content-preview h2{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}