@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@600;700;900&display=swap";:root{--green-950:#0e2d26;--green-900:#143d33;--green-800:#1b4d40;--green-700:#286253;--green-100:#dfe8df;--paper:#f3f1e9;--paper-deep:#e9e6dc;--cream:#fbfaf5;--white:#fffef9;--ink:#192c27;--muted:#6c7871;--line:#d8d9cf;--accent:#e6764b;--accent-dark:#c95b34;--accent-soft:#f7e5d9;--gold:#d3b976;--serif:"Noto Serif SC", "Songti SC", SimSun, serif;--sans:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--mono:"DM Mono", "SFMono-Regular", Consolas, monospace;--shadow:0 14px 40px #142d2512}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.65}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px solid #e6764b59}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c7cbc2;border-radius:8px}.app-shell{min-height:100vh}.sidebar{z-index:40;color:#f4f3e9;background:var(--green-950);flex-direction:column;width:246px;padding:26px 20px 22px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.sidebar:before{content:"";pointer-events:none;opacity:.13;background-image:linear-gradient(#ffffff1f 1px,#0000 1px),linear-gradient(90deg,#ffffff1f 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 52%);mask-image:linear-gradient(#000,#0000 52%)}.brand{cursor:pointer;align-items:center;gap:12px;padding:0 5px;display:flex;position:relative}.brand-mark{border:1px solid #ffffff8c;place-items:center;width:42px;height:42px;display:grid;position:relative;transform:rotate(-3deg)}.brand-mark span{font-family:var(--mono);letter-spacing:-1px;font-size:17px;font-weight:500}.brand-mark i{background:var(--accent);width:7px;height:7px;position:absolute;top:-4px;right:-4px}.brand strong{font-family:var(--serif);letter-spacing:.08em;font-size:18px;display:block}.brand small{font-family:var(--mono);letter-spacing:.12em;color:#aabdb4;margin-top:1px;font-size:8px;display:block}.course-label{color:#90a99d;letter-spacing:.1em;margin:34px 8px 12px;font-size:10px;position:relative}.main-nav{gap:5px;display:grid;position:relative}.main-nav button{color:#b7c6bf;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;min-height:46px;padding:0 13px;transition:all .2s;display:flex;position:relative}.main-nav button:hover{color:#fff;background:#ffffff0e}.main-nav button.active{color:var(--green-950);background:#f2efe4;font-weight:600}.main-nav button.active i{background:var(--accent);width:4px;position:absolute;inset:0 auto 0 0}.main-nav button.active svg{color:var(--accent-dark)}.sidebar-spacer{flex:1;min-height:40px}.sidebar-principle{color:#c6d2cb;border-top:1px solid #ffffff21;border-bottom:1px solid #ffffff21;gap:11px;padding:18px 7px;display:flex;position:relative}.sidebar-principle svg{color:var(--gold);flex:none;margin-top:2px}.sidebar-principle strong{color:#eef2e9;font-size:12px;font-weight:500}.sidebar-principle p{color:#90a99d;margin:5px 0 0;font-size:11px;line-height:1.7}.sidebar-progress{padding:20px 7px 0;position:relative}.sidebar-progress>div:first-child{color:#9db0a6;justify-content:space-between;font-size:10px;display:flex}.sidebar-progress strong{font-family:var(--mono);color:#dce4dd;font-weight:400}.linear-track{background:#ffffff21;height:3px;margin-top:10px;overflow:hidden}.linear-track i{background:var(--accent);height:100%;transition:width .4s;display:block}.sidebar-close,.sidebar-overlay{display:none}.main-column{flex-direction:column;min-height:100vh;margin-left:246px;display:flex}.topbar{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f3f1e9eb;flex:0 0 68px;justify-content:space-between;align-items:center;height:68px;padding:0 34px;display:flex;position:sticky;top:0}.topbar-left,.topbar-right{align-items:center;display:flex}.breadcrumb{color:#89918b;align-items:center;gap:8px;font-size:11px;display:flex}.breadcrumb strong{color:var(--ink);font-weight:500}.menu-button{cursor:pointer;background:0 0;border:0;padding:6px;display:none}.topbar-right{gap:25px}.save-status{color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex}.save-status>span{background:#4b8c70;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #4b8c701f}.top-progress{align-items:center;gap:8px;display:flex}.top-progress>div:last-child{display:none}.progress-ring{flex:none;place-items:center;display:grid;position:relative}.progress-ring svg{position:absolute;transform:rotate(-90deg)}.ring-track{stroke:#dfe2da}.ring-value{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .45s}.progress-ring>span{font-family:var(--mono);font-size:10px;font-weight:500}.main-content{flex:1;width:100%;max-width:1540px;margin:0 auto;padding:32px 36px 64px}.site-footer{border-top:1px solid var(--line);color:#89918b;letter-spacing:.04em;justify-content:space-between;margin:0 36px;padding:20px 0 26px;font-size:10px;display:flex}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:0 18px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.btn-accent{background:var(--accent);color:#fff;box-shadow:0 8px 20px #be522a2e}.btn-accent:hover{background:var(--accent-dark)}.btn-dark{background:var(--green-900);color:#fff}.btn-dark:hover{background:var(--green-800)}.btn-outline{color:var(--green-900);background:0 0;border-color:#bdc5bc}.btn-outline:hover{background:var(--white);border-color:var(--green-700)}.btn-ghost-light{color:#f0f1e8;background:0 0;border-color:#ffffff42}.btn-ghost-light:hover{background:#ffffff14;border-color:#ffffff80}.btn.small{min-height:38px;padding:0 15px}.icon-btn{border:1px solid var(--line);cursor:pointer;background:0 0;place-items:center;width:39px;height:39px;display:grid}.icon-btn:hover:not(:disabled){background:var(--paper-deep)}.icon-btn:disabled{opacity:.3;cursor:not-allowed}.eyebrow{font-family:var(--mono);color:var(--green-700);letter-spacing:.14em;align-items:center;gap:8px;font-size:10px;font-weight:500;display:flex}.eyebrow>span{background:var(--accent);width:19px;height:2px}.eyebrow.light{color:#b6c9bf}.page-intro{justify-content:space-between;align-items:flex-end;gap:24px;margin:7px 0 29px;display:flex}.page-intro h1{font-family:var(--serif);letter-spacing:-.03em;margin:8px 0 6px;font-size:34px;line-height:1.3}.page-intro p{color:var(--muted);margin:0;font-size:13px}.compact-intro{margin-bottom:24px}.section-block{margin-top:52px}.section-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:22px;display:flex}.section-heading h2{font-family:var(--serif);margin:7px 0 0;font-size:27px;line-height:1.4}.section-heading>p{color:var(--muted);text-align:right;margin:0;font-size:12px}.section-heading.small h2{font-size:24px}.hero{color:#fff;background:var(--green-900);min-height:465px;box-shadow:var(--shadow);grid-template-columns:1.25fr .75fr;align-items:center;gap:48px;padding:55px 54px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";border:1px solid #ffffff14;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-280px;left:-190px;box-shadow:0 0 0 60px #ffffff05,0 0 0 120px #ffffff03}.hero:after{content:"AI";font-family:var(--mono);color:#ffffff06;pointer-events:none;font-size:310px;font-weight:500;line-height:1;position:absolute;top:-105px;right:-22px}.hero-grid{opacity:.1;background-image:linear-gradient(#ffffff24 1px,#0000 1px),linear-gradient(90deg,#ffffff24 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 70%);mask-image:linear-gradient(90deg,#000,#0000 70%)}.hero-copy,.hero-visual{z-index:1;position:relative}.hero h1{font-family:var(--serif);letter-spacing:-.045em;margin:17px 0 20px;font-size:clamp(34px,3.3vw,51px);font-weight:700;line-height:1.42}.hero h1 span{color:#f0c49d;white-space:nowrap;position:relative}.hero h1 span:after{content:"";background:var(--accent);height:3px;position:absolute;bottom:-5px;left:2px;right:2px;transform:rotate(-1deg)}.hero-copy>p{color:#c3d0c9;max-width:650px;margin:0;font-size:13px;line-height:1.95}.hero-actions{flex-wrap:wrap;gap:11px;margin-top:30px;display:flex}.hero-meta{color:#aebfb6;flex-wrap:wrap;gap:23px;margin-top:27px;font-size:10px;display:flex}.hero-meta span{align-items:center;gap:6px;display:flex}.hero-visual{justify-self:end;width:100%;max-width:350px;transform:rotate(1deg)}.visual-label{font-family:var(--mono);color:#94aaa0;letter-spacing:.1em;text-align:right;margin-bottom:8px;font-size:9px}.workflow-card{color:var(--ink);background:#f4f0e5;padding:19px 21px 15px;box-shadow:15px 17px #04181338}.workflow-head{border-bottom:2px solid var(--green-900);justify-content:space-between;align-items:center;padding-bottom:13px;font-size:12px;font-weight:700;display:flex}.workflow-head svg{color:var(--accent)}.workflow-row{border-bottom:1px solid #d9d7cc;grid-template-columns:35px 1fr auto;align-items:center;gap:11px;padding:11px 0;display:grid}.workflow-row:last-child{border:0}.workflow-row b{background:var(--green-900);color:#fff;width:29px;height:29px;font-family:var(--serif);place-items:center;font-size:15px;display:grid}.workflow-row span{letter-spacing:.02em;font-size:11px}.workflow-row small{font-family:var(--mono);color:#91988f;font-size:9px}.visual-note{color:#b8c8bf;align-items:center;gap:8px;margin-top:20px;font-size:9px;display:flex}.visual-note svg{color:var(--gold)}.visual-note i{background:#ffffff38;flex:1;height:1px}.visual-note strong{color:#f1c39e;font-weight:500}.home-stats{border:1px solid var(--line);background:var(--cream);border-top:0;grid-template-columns:.8fr .8fr .8fr 1.6fr;display:grid}.home-stats>div{border-right:1px solid var(--line);flex-direction:column;justify-content:center;min-height:115px;padding:21px 25px;display:flex}.home-stats>div:last-child{border:0}.home-stats small{color:var(--muted);font-size:10px}.home-stats strong{font-family:var(--mono);color:var(--green-900);font-size:28px;font-weight:500;line-height:1.4}.home-stats strong em{color:#7f8880;margin-left:4px;font-size:11px;font-style:normal}.home-stats>div>span{color:#92988f;font-size:10px}.home-stats .stat-quote{background:#ebe9de;flex-direction:row;align-items:center;gap:16px}.stat-quote svg{color:var(--accent);flex:none}.stat-quote p{font-family:var(--serif);margin:0;font-size:13px;line-height:1.8}.module-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.module-card{background:var(--cream);border:1px solid var(--line);transition:all .25s;overflow:hidden}.module-card:hover{box-shadow:var(--shadow);border-color:#aeb9af;transform:translateY(-4px)}.module-main{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:23px 24px 20px;display:block}.module-card-top{color:var(--green-700);justify-content:space-between;align-items:flex-start;display:flex}.module-number{font-family:var(--mono);color:#bec6bc;font-size:29px;line-height:1}.module-main>small{font-family:var(--mono);letter-spacing:.12em;color:var(--accent-dark);margin-top:19px;font-size:8px;display:block}.module-main h3{font-family:var(--serif);margin:5px 0 9px;font-size:21px}.module-main>p{min-height:45px;color:var(--muted);margin:0;font-size:11px;line-height:1.85}.module-tags{gap:8px;margin-top:18px;display:flex}.module-tags span{background:var(--paper-deep);color:#67746c;align-items:center;gap:4px;padding:3px 8px;font-size:9px;display:flex}.module-practice{border:0;border-top:1px solid var(--line);cursor:pointer;color:#596a61;background:#eeece3;justify-content:space-between;align-items:center;width:100%;min-height:44px;padding:0 18px 0 24px;font-size:9px;display:flex}.module-practice>span{align-items:center;gap:5px;display:flex}.module-practice:hover{background:var(--green-900);color:#fff}.practice-mini-status{font-family:var(--mono)}.home-bottom-grid{grid-template-columns:1.55fr .85fr;gap:18px;margin-top:48px;display:grid}.outcomes-panel{background:var(--cream);border:1px solid var(--line);padding:31px 34px}.outcomes-panel h2{font-family:var(--serif);margin:7px 0 20px;font-size:25px}.outcome-list{grid-template-columns:1fr 1fr;column-gap:25px;display:grid}.outcome-list button{border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:29px 1fr auto;align-items:center;gap:10px;min-height:61px;padding:8px 0;display:grid}.outcome-list button>span{font-family:var(--mono);color:var(--accent-dark);font-size:10px}.outcome-list button p{margin:0;font-size:11px;line-height:1.7}.outcome-list button svg{color:#9ca69e;transition:transform .2s}.outcome-list button:hover svg{color:var(--accent);transform:translate(4px)}.principles-panel{background:var(--green-900);color:#fff;padding:34px 35px;position:relative;overflow:hidden}.vertical-word{writing-mode:vertical-rl;font-family:var(--mono);letter-spacing:.25em;color:#7d9b8d;font-size:8px;position:absolute;top:22px;right:12px}.principle-icon{color:var(--gold)}.principles-panel h2{font-family:var(--serif);margin:14px 0;font-size:29px;line-height:1.5}.principles-panel>p{color:#b8c9bf;font-size:12px;line-height:1.8}.principles-panel ul{border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24;gap:8px;margin:17px 0;padding:14px 0;list-style:none;display:grid}.principles-panel li{color:#d6dfd8;align-items:center;gap:8px;font-size:11px;display:flex}.principles-panel li svg{color:var(--accent)}.text-link{color:#efc39f;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:11px;display:flex}.intro-badge{border-left:2px solid var(--accent);background:var(--cream);color:var(--muted);align-items:center;gap:11px;padding:11px 17px;font-size:10px;line-height:1.6;display:flex}.intro-badge svg{color:var(--green-700)}.intro-badge strong{color:var(--ink);font-weight:500}.module-tabs{border:1px solid var(--line);background:var(--cream);grid-template-columns:repeat(6,1fr);margin-bottom:17px;display:grid}.module-tabs button{border:0;border-right:1px solid var(--line);cursor:pointer;min-height:50px;color:var(--muted);background:0 0;font-size:11px}.module-tabs button:last-child{border:0}.module-tabs button span{font-family:var(--mono);color:#9ca49c;margin-right:7px;font-size:9px}.module-tabs button.active{background:var(--green-900);color:#fff}.module-tabs button.active span{color:#efbc95}.module-banner{background:var(--green-900);color:#fff;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:26px 30px;display:grid}.module-banner-icon{width:66px;height:66px;color:var(--gold);border:1px solid #ffffff3d;place-items:center;display:grid}.module-banner small{font-family:var(--mono);letter-spacing:.12em;color:#9fb5aa;font-size:8px}.module-banner h2{font-family:var(--serif);margin:3px 0 4px;font-size:25px}.module-banner p{color:#bacac1;margin:0;font-size:11px}.module-banner-output{border-left:1px solid #ffffff2b;flex-direction:column;align-items:flex-start;min-width:215px;padding-left:25px;display:flex}.module-banner-output strong{margin:3px 0 7px;font-size:12px;font-weight:500}.module-banner-output button{color:#f0bd96;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:10px;display:flex}.lesson-layout{grid-template-columns:280px 1fr;align-items:start;gap:17px;margin-top:17px;display:grid}.lesson-nav{background:var(--cream);border:1px solid var(--line)}.lesson-nav-title{border-bottom:1px solid var(--line);justify-content:space-between;padding:16px 18px;font-size:11px;font-weight:600;display:flex}.lesson-nav-title span{font-family:var(--mono);color:var(--accent-dark)}.lesson-nav>button{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:27px 1fr auto;align-items:center;gap:8px;width:100%;min-height:73px;padding:12px 13px;display:grid}.lesson-nav>button:hover{background:#f0eee5}.lesson-nav>button.active{box-shadow:inset 3px 0 var(--accent);background:#e7e9df}.lesson-index{width:24px;height:24px;font-family:var(--mono);color:#77847b;border:1px solid #c8cec5;place-items:center;font-size:9px;display:grid}.lesson-nav>button small{color:#8a958d;margin-bottom:2px;font-size:8px;display:block}.lesson-nav>button strong{font-size:10px;font-weight:500;line-height:1.55;display:block}.lesson-nav>button>svg{color:#a8afa7}.lesson-nav-tip{color:#7e8a81;gap:8px;padding:15px;display:flex}.lesson-nav-tip svg{color:var(--accent);flex:none}.lesson-nav-tip p{margin:0;font-size:9px}.lesson-content{background:var(--cream);border:1px solid var(--line);padding:34px 37px 25px;animation:.3s fadeSlide}.lesson-kicker{color:var(--accent-dark);align-items:center;gap:10px;font-size:9px;display:flex}.lesson-kicker span{font-family:var(--mono);letter-spacing:.1em}.lesson-kicker i{background:#c4c9c0;width:22px;height:1px}.lesson-content>h2{font-family:var(--serif);margin:9px 0 10px;font-size:28px}.lesson-lead{color:var(--muted);max-width:850px;margin:0 0 25px;font-size:12px;line-height:1.9}.knowledge-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.knowledge-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:147px;padding:21px 22px;position:relative}.knowledge-card>span{font-family:var(--mono);color:#c1c7bd;font-size:18px;position:absolute;top:12px;right:15px}.knowledge-card h3{color:var(--green-800);margin:0 0 8px;font-size:13px;font-weight:600}.knowledge-card p{color:#68766d;margin:0;font-size:11px;line-height:1.85}.key-tip{background:var(--accent-soft);border-left:3px solid var(--accent);align-items:flex-start;gap:12px;margin-top:20px;padding:16px 18px;display:flex}.key-tip svg{color:var(--accent-dark);flex:none}.key-tip strong{color:var(--accent-dark);font-size:10px}.key-tip p{font-family:var(--serif);margin:2px 0 0;font-size:12px;line-height:1.8}.lesson-footer{justify-content:space-between;align-items:center;margin-top:24px;display:flex}.lesson-footer>div{gap:7px;display:flex}.lesson-complete{color:#7d8980;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;font-size:11px;display:flex}.lesson-complete.done{color:var(--green-700)}.prompt-type-tabs{border:1px solid var(--line);background:#e7e6dc;align-items:center;gap:7px;margin-bottom:17px;padding:10px 12px;display:flex;overflow-x:auto}.prompt-type-tabs>span{color:var(--muted);white-space:nowrap;margin:0 8px 0 3px;font-size:10px}.prompt-type-tabs button{cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;min-height:32px;padding:0 13px;font-size:10px}.prompt-type-tabs button.active{background:var(--cream);color:var(--green-800);border-color:#c7cec4;font-weight:600;box-shadow:0 2px 7px #142d250a}.prompt-workspace{grid-template-columns:minmax(0,1.07fr) minmax(350px,.93fr);align-items:start;gap:17px;display:grid}.prompt-form{background:var(--cream);border:1px solid var(--line);padding:28px 30px}.form-section-title{align-items:flex-start;gap:12px;margin-bottom:25px;display:flex}.form-section-title>span,.output-heading>div>span{font-family:var(--mono);color:var(--accent-dark);margin-top:4px;font-size:10px}.form-section-title h2,.output-heading h2{font-family:var(--serif);margin:0;font-size:20px}.form-section-title p{color:var(--muted);margin:2px 0 0;font-size:10px}.prompt-field{margin-bottom:21px;display:block}.field-heading{align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.create-letter{background:var(--green-900);color:#fff;width:28px;height:28px;font-family:var(--mono);flex:none;place-items:center;font-size:12px;display:grid}.field-heading>span:last-child{flex:1}.field-heading strong{align-items:baseline;gap:8px;font-size:12px;display:flex}.field-heading strong small{font-family:var(--mono);color:#98a199;letter-spacing:.09em;font-size:8px;font-weight:400}.field-heading em{color:#7c8880;margin-top:1px;font-size:9px;font-style:normal;display:block}.prompt-field textarea{resize:vertical;width:100%;color:var(--ink);background:#fffef9;border:1px solid #d4d8cf;padding:12px 13px;font-size:11px;line-height:1.8;transition:border .2s}.prompt-field textarea:focus{border-color:var(--green-700);outline:2px solid #28625314}.prompt-field textarea::placeholder,.work-field textarea::placeholder{color:#a5aca4}.reset-link{color:#8a948c;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:10px;display:flex}.reset-link:hover{color:var(--accent-dark)}.prompt-output-panel{min-width:0}.output-sticky{background:var(--green-950);color:#f4f4eb;padding:25px 26px;position:sticky;top:85px}.prompt-score{align-items:center;gap:13px;display:flex}.prompt-score .ring-track{stroke:#ffffff26}.prompt-score .progress-ring>span{font-size:12px}.prompt-score small{color:#9fb3a8;font-size:9px;display:block}.prompt-score strong{margin-top:2px;font-size:11px;font-weight:500;display:block}.quality-checks{flex-wrap:wrap;gap:5px;margin:16px 0 22px;display:flex}.quality-checks span{color:#81998d;border:1px solid #ffffff21;align-items:center;gap:3px;padding:3px 6px;font-size:8px;display:flex}.quality-checks span.done{color:#d5e1d7;background:#97c0a512;border-color:#97c0a559}.output-heading{border-top:1px solid #ffffff24;justify-content:space-between;align-items:center;padding-top:18px;display:flex}.output-heading>div{align-items:center;gap:9px;display:flex}.output-heading button{color:#c6d4cb;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:10px;display:flex}.generated-prompt{resize:vertical;color:#dce5dd;width:100%;height:440px;font-family:var(--sans);background:#ffffff0e;border:1px solid #ffffff1f;margin-top:15px;padding:18px;font-size:10px;line-height:1.9}.output-actions{grid-template-columns:1fr auto;gap:8px;margin-top:10px;display:grid}.output-actions .btn-outline{color:#d3dfd7;border-color:#ffffff38}.output-actions .btn-outline:hover{background:#ffffff12}.after-generate{padding:17px 0 11px}.after-generate strong{color:#e7c39f;font-size:10px}.after-generate ol{color:#a9bbb0;margin:8px 0 0;padding-left:18px;font-size:9px;line-height:1.9}.security-note{color:#8ea59a;border-top:1px solid #ffffff1f;align-items:flex-start;gap:8px;padding-top:13px;font-size:9px;display:flex}.security-note svg{color:var(--gold);flex:none}.practice-tabs{background:var(--cream);border:1px solid var(--line);grid-template-columns:repeat(6,1fr);margin-bottom:17px;display:grid}.practice-tabs button{border:0;border-right:1px solid var(--line);cursor:pointer;text-align:left;background:0 0;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;min-height:58px;padding:8px 11px;display:grid}.practice-tabs button:last-child{border:0}.practice-tabs button>span,.practice-tabs button>small{font-family:var(--mono);color:#9ba49c;font-size:9px}.practice-tabs button>strong{font-size:10px;font-weight:500}.practice-tabs button.active{background:var(--green-900);color:#fff}.practice-tabs button.active>span{color:#efb78f}.practice-tabs button.active>small{color:#b8ccc0}.practice-header{background:var(--cream);border:1px solid var(--line);justify-content:space-between;gap:25px;padding:28px 31px;display:flex}.practice-label{font-family:var(--mono);color:var(--accent-dark);letter-spacing:.12em;font-size:9px}.practice-header h2{font-family:var(--serif);margin:5px 0 7px;font-size:25px}.practice-header>div:first-child>p{max-width:790px;color:var(--muted);margin:0;font-size:11px}.practice-meta{gap:17px;margin-top:14px;display:flex}.practice-meta span{color:#758279;align-items:center;gap:5px;font-size:9px;display:flex}.practice-progress-card{border-left:1px solid var(--line);align-items:center;gap:12px;min-width:225px;padding-left:26px;display:flex}.practice-progress-card small,.practice-progress-card span{color:#8b968e;font-size:9px;display:block}.practice-progress-card strong{font-family:var(--mono);margin:1px 0;font-size:15px;display:block}.material-box{background:#e8e9de;border:1px solid #cfd5c9;margin-top:12px}.material-box summary{cursor:pointer;justify-content:space-between;align-items:center;padding:13px 18px;font-size:10px;list-style:none;display:flex}.material-box summary::-webkit-details-marker{display:none}.material-box summary>span{align-items:center;gap:7px;display:flex}.material-box summary>span:last-child{color:#849087;font-size:9px}.material-box[open] summary>span:last-child svg{transform:rotate(180deg)}.material-box pre{white-space:pre-wrap;background:var(--cream);font-family:var(--sans);border:1px solid #d5d9d0;margin:0 18px;padding:17px;font-size:10px;line-height:1.9}.material-box>button{color:var(--green-700);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin:8px 18px 14px;padding:0;font-size:9px;display:flex}.practice-workspace{grid-template-columns:265px 1fr;align-items:start;gap:17px;margin-top:17px;display:grid}.step-nav{background:var(--cream);border:1px solid var(--line)}.step-nav-head{border-bottom:1px solid var(--line);justify-content:space-between;padding:15px 17px;font-size:11px;font-weight:600;display:flex}.step-nav-head span{font-family:var(--mono);color:#929c94;font-size:8px;font-weight:400}.step-nav>button{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;width:100%;min-height:66px;padding:10px 13px;display:grid}.step-nav>button>span{width:25px;height:25px;font-family:var(--mono);color:#859087;border:1px solid #c9cfc6;border-radius:50%;place-items:center;font-size:9px;display:grid}.step-nav>button strong{font-size:10px;font-weight:500;display:block}.step-nav>button small{color:#9aa39b;margin-top:2px;font-size:8px;display:block}.step-nav>button>svg{color:#b0b7af}.step-nav>button.active{box-shadow:inset 3px 0 var(--accent);background:#e8e9df}.step-nav>button.done>span{background:var(--green-700);border-color:var(--green-700);color:#fff}.step-nav>button.done small{color:var(--green-700)}.step-tools{gap:5px;padding:13px;display:grid}.step-tools button{color:#77847b;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:7px;padding:7px;font-size:9px;display:flex}.step-tools button:hover{color:var(--accent-dark);background:var(--paper)}.step-content{background:var(--cream);border:1px solid var(--line);padding:31px 35px 27px;animation:.3s fadeSlide}.step-number{font-family:var(--mono);color:var(--accent-dark);letter-spacing:.1em;font-size:10px}.step-number span{color:#a4aca4}.step-content>h2{font-family:var(--serif);margin:7px 0 8px;font-size:26px}.step-goal{color:var(--muted);align-items:center;gap:8px;margin:0 0 23px;font-size:11px;display:flex}.step-goal svg{color:var(--green-700)}.instruction-box{border-left:2px solid var(--green-700);background:#ecece2;padding:19px 22px}.instruction-box h3{align-items:center;gap:7px;margin:0 0 13px;font-size:11px;display:flex}.instruction-box h3 svg{color:var(--green-700)}.instruction-box ol{gap:10px;margin:0;padding:0;list-style:none;display:grid}.instruction-box li{align-items:flex-start;gap:10px;display:flex}.instruction-box li>span{background:var(--cream);width:19px;height:19px;font-family:var(--mono);color:var(--green-700);border:1px solid #ccd1c8;border-radius:50%;flex:none;place-items:center;margin-top:1px;font-size:8px;display:grid}.instruction-box li p{color:#5e6e64;margin:0;font-size:11px;line-height:1.8}.work-field{margin-top:23px;display:block}.work-field>span{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.work-field strong{font-size:11px}.work-field small{color:#95a097;align-items:center;gap:4px;font-size:8px;display:flex}.work-field textarea{resize:vertical;width:100%;min-height:185px;color:var(--ink);background:#fffef9;border:1px solid #cfd5cb;padding:15px 16px;font-size:11px;line-height:1.9}.work-field textarea:focus{border-color:var(--green-700);outline:2px solid #28625314}.completion-standard{background:var(--accent-soft);gap:10px;margin-top:12px;padding:12px 15px;display:flex}.completion-standard svg{color:var(--accent-dark);flex:none}.completion-standard strong{color:var(--accent-dark);font-size:9px}.completion-standard p{margin:1px 0 0;font-size:10px}.step-footer{justify-content:space-between;align-items:center;margin-top:24px;display:flex}.step-footer>div{gap:7px;display:flex}.step-done-button{color:#76837a;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;font-size:11px;display:flex}.step-done-button.done{color:var(--green-700)}.practice-finished{background:var(--green-900);color:#fff;align-items:center;gap:13px;margin-top:23px;padding:19px;display:flex}.practice-finished>svg{color:var(--gold)}.practice-finished>div{flex:1}.practice-finished h3{font-family:var(--serif);margin:0;font-size:16px}.practice-finished p{color:#b5c7bc;margin:3px 0 0;font-size:9px}.review-summary{background:var(--green-900);color:#fff;grid-template-columns:1fr 1fr;gap:30px;padding:27px 30px;display:grid}.review-score{align-items:center;gap:18px;display:flex}.review-score .ring-track{stroke:#ffffff29}.review-score .progress-ring>span{font-size:18px}.review-score small{color:#9db4a8;font-size:9px}.review-score h2{font-family:var(--serif);margin:2px 0 4px;font-size:23px}.review-score p{color:#b6c8bd;margin:0;font-size:10px}.review-meta{grid-template-columns:1.4fr 1fr .9fr;align-items:center;gap:9px;display:grid}.review-meta label{color:#9fb5aa;font-size:8px}.review-meta input{color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff12;border:1px solid #fff3;width:100%;height:37px;margin-top:5px;padding:0 10px;font-size:10px}.review-meta input::placeholder{color:#829d90}.review-warning{background:#f3e5d8;border:1px solid #e1c9b6;border-top:0;align-items:center;gap:11px;padding:13px 18px;display:flex}.review-warning>svg{color:var(--accent-dark);flex:none}.review-warning p{color:#765f50;flex:1;margin:0;font-size:10px}.review-warning button{color:#8b6f5b;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:9px;display:flex}.review-grid{grid-template-columns:repeat(2,1fr);gap:15px;margin-top:18px;display:grid}.review-card{background:var(--cream);border:1px solid var(--line)}.review-card-head{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:18px 20px;display:grid}.review-group-index{font-family:var(--mono);color:#bac3b9;font-size:20px}.review-card-head h2{font-family:var(--serif);margin:0;font-size:18px}.review-card-head p{color:#8a968d;margin:0;font-size:8px}.review-card-head>span:last-child{background:var(--paper-deep);font-family:var(--mono);color:#7b877e;padding:3px 7px;font-size:9px}.review-card-head>span:last-child.complete{background:var(--green-100);color:var(--green-700)}.review-items{padding:8px 20px 13px}.review-items label{cursor:pointer;border-bottom:1px dashed #e0e1d8;align-items:center;gap:10px;min-height:42px;display:flex}.review-items label:last-child{border:0}.review-items input{opacity:0;pointer-events:none;position:absolute}.custom-check{color:#fff;border:1px solid #bfc8be;flex:none;place-items:center;width:18px;height:18px;transition:all .15s;display:grid}.review-items label.checked .custom-check{background:var(--green-700);border-color:var(--green-700)}.review-items p{color:#58685e;margin:0;font-size:10px}.review-items label.checked p{color:#8d968f;-webkit-text-decoration:line-through #bdc4bc;text-decoration:line-through #bdc4bc}.review-final{border:1px solid var(--line);background:#e9e9df;align-items:center;gap:13px;margin-top:17px;padding:20px 23px;display:flex}.review-final>svg{color:var(--green-700)}.review-final h3{font-family:var(--serif);margin:0;font-size:16px}.review-final p{color:var(--muted);margin:2px 0 0;font-size:10px}.review-final.ready{background:var(--green-100);border-color:#b9cbbb}.resource-section{margin-top:38px}.resource-section:first-of-type{margin-top:15px}.template-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.template-card{background:var(--cream);border:1px solid var(--line);flex-direction:column;min-width:0;display:flex}.template-top{justify-content:space-between;align-items:center;padding:16px 19px 0;display:flex}.template-top>span{background:var(--green-100);color:var(--green-700);padding:2px 7px;font-size:8px}.template-top small{font-family:var(--mono);color:#a1aaa2;font-size:8px}.template-card h3{font-family:var(--serif);margin:9px 0 11px;padding:0 19px;font-size:18px}.template-card pre{white-space:pre-wrap;color:#647168;height:205px;font-family:var(--sans);background:#efeee5;flex:1;margin:0 19px 18px;padding:13px;font-size:9px;line-height:1.85;overflow:auto}.template-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;min-height:43px;padding:0 14px 0 19px;display:flex}.template-actions button{color:var(--green-700);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:5px 0;font-size:9px;display:flex}.template-actions button:last-child:not(:first-child){color:#89948b}.tool-table{border:1px solid var(--line);background:var(--cream)}.tool-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.3fr 2fr;align-items:center;gap:20px;min-height:58px;padding:12px 20px;display:grid}.tool-row:last-child{border:0}.tool-row strong{font-size:11px;font-weight:600}.tool-row>span{color:var(--green-700);font-size:10px}.tool-row p{color:var(--muted);margin:0;font-size:10px}.tool-head{background:var(--green-900);color:#fff;min-height:38px;padding-top:7px;padding-bottom:7px}.tool-head span{color:#d4e0d7;font-size:9px}.roadmap-section{background:var(--green-900);color:#fff;grid-template-columns:.9fr 1.5fr;display:grid}.roadmap-copy{padding:35px}.roadmap-copy h2{font-family:var(--serif);margin:12px 0;font-size:28px;line-height:1.5}.roadmap-copy p{color:#b1c5b9;margin-bottom:22px;font-size:11px;line-height:1.9}.roadmap-steps{grid-template-columns:repeat(2,1fr);display:grid}.roadmap-steps>div{border-bottom:1px solid #ffffff26;border-left:1px solid #ffffff26;padding:29px}.roadmap-steps>div:nth-child(n+3){border-bottom:0}.roadmap-steps span{font-family:var(--mono);color:#eab88f;font-size:9px}.roadmap-steps h3{font-family:var(--serif);margin:7px 0;font-size:17px}.roadmap-steps p{color:#a9beb2;margin:0;font-size:10px}.three-lists{border:1px solid var(--line);background:var(--cream);grid-template-columns:repeat(3,1fr);margin-top:18px;display:grid}.three-lists>div{border-right:1px solid var(--line);padding:22px 25px}.three-lists>div:last-child{border:0}.three-lists span{font-family:var(--mono);color:var(--accent-dark);font-size:9px}.three-lists h3{font-family:var(--serif);margin:5px 0;font-size:17px}.three-lists p{color:var(--muted);margin:0;font-size:10px}.toast{z-index:100;background:var(--green-950);color:#fff;align-items:center;gap:9px;padding:12px 20px;font-size:11px;animation:.25s toastIn;display:flex;position:fixed;bottom:28px;left:calc(50% + 123px);transform:translate(-50%);box-shadow:0 12px 35px #0a231b47}.toast svg{color:#eab88f}@keyframes fadeSlide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.profile-button{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:4px 7px;display:flex}.profile-button:hover{background:var(--paper-deep)}.profile-button>span{background:var(--green-900);color:#f1c49f;width:30px;height:30px;font-family:var(--serif);place-items:center;font-size:13px;display:grid}.profile-button strong{text-overflow:ellipsis;white-space:nowrap;max-width:90px;font-size:10px;font-weight:600;display:block;overflow:hidden}.profile-button small{text-overflow:ellipsis;white-space:nowrap;color:#8a958d;max-width:90px;font-size:8px;display:block;overflow:hidden}.profile-button>svg{color:#8c978f}.profile-modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#071d17b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.profile-modal{background:var(--cream);width:460px;max-width:100%;max-height:calc(100vh - 48px);padding:34px 36px 26px;animation:.25s fadeSlide;position:relative;overflow-y:auto;box-shadow:0 30px 90px #00000047}.profile-modal:before{content:"";background:var(--accent);height:4px;position:absolute;inset:0 0 auto}.profile-modal-close{color:#7b877e;cursor:pointer;background:0 0;border:0;padding:6px;position:absolute;top:14px;right:14px}.profile-modal-brand{align-items:center;gap:13px;display:flex}.profile-modal-brand .brand-mark{width:36px;height:36px;color:var(--green-900);border-color:var(--green-700)}.profile-modal-brand>span{font-family:var(--mono);color:var(--green-700);letter-spacing:.13em;font-size:9px}.profile-modal h2{font-family:var(--serif);margin:20px 0 7px;font-size:26px}.profile-modal>p{color:var(--muted);margin:0 0 20px;font-size:11px;line-height:1.85}.profile-mode-tabs{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;margin-bottom:18px;display:grid}.profile-mode-tabs button{color:#7b877f;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:5px;min-height:37px;font-size:10px;display:flex}.profile-mode-tabs button.active{color:var(--green-800);border-bottom-color:var(--accent);font-weight:600}.profile-form{gap:14px;display:grid}.profile-form label{color:#52645a;font-size:10px;font-weight:500}.profile-form input{width:100%;height:43px;color:var(--ink);background:#fff;border:1px solid #cbd2c8;margin-top:6px;padding:0 12px;font-size:12px}.profile-form input:focus{border-color:var(--green-700)}.profile-form .btn{margin-top:3px}.profile-list{border-top:1px solid var(--line);gap:6px;margin-top:22px;padding-top:16px;display:grid}.profile-list>span{color:#8c968e;margin-bottom:3px;font-size:9px}.profile-list>button{border:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;min-height:48px;padding:6px 10px;display:grid}.profile-list>button:hover:not(:disabled){background:var(--paper-deep)}.profile-list>button.active{background:var(--green-100);border-color:#c4d2c5}.profile-list>button>span:first-child{background:var(--green-900);color:#fff;width:28px;height:28px;font-family:var(--serif);place-items:center;display:grid}.profile-list strong{font-size:10px;display:block}.profile-list small{color:#869189;font-size:8px;display:block}.profile-list svg{color:var(--green-700)}.switch-text{color:var(--accent-dark);font-size:9px}.profile-privacy{color:#939c94;justify-content:center;align-items:center;gap:6px;margin-top:19px;font-size:8px;display:flex}.submission-flow{grid-template-columns:1fr 36px 1fr;align-items:stretch;display:grid}.submission-arrow{color:#96a198;place-items:center;display:grid}.submission-card{border:1px solid var(--line);align-items:flex-start;gap:16px;min-height:225px;padding:27px 28px;display:flex;position:relative}.submission-index{font-family:var(--mono);color:#ffffff29;font-size:35px;position:absolute;top:11px;right:18px}.teacher-submission .submission-index{color:#d4d8cf}.submission-icon{border:1px solid;flex:none;place-items:center;width:44px;height:44px;display:grid}.submission-card>div:last-child{flex:1}.submission-card small{font-family:var(--mono);letter-spacing:.12em;font-size:8px}.submission-card h2{font-family:var(--serif);margin:5px 0 7px;font-size:19px}.submission-card p{margin:0 0 15px;font-size:10px;line-height:1.8}.learner-submission{background:var(--green-900);color:#fff;border-color:var(--green-900)}.learner-submission .submission-icon{color:var(--gold)}.learner-submission small,.learner-submission p{color:#b3c6ba}.teacher-submission{background:var(--cream)}.teacher-submission .submission-icon{color:var(--green-700)}.teacher-submission small{color:var(--accent-dark)}.teacher-submission p{color:var(--muted)}.submission-progress{flex-wrap:wrap;gap:6px;margin-bottom:15px;display:flex}.submission-progress span{color:#d3dfd6;font-family:var(--mono);background:#ffffff17;padding:2px 7px;font-size:8px}.class-stats{border:1px solid var(--line);background:var(--cream);grid-template-columns:repeat(4,1fr);margin-top:18px;display:grid}.class-stats>div{border-right:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:92px;padding:17px 21px;display:grid}.class-stats>div:last-child{border:0}.class-stats svg{color:var(--accent-dark)}.class-stats span{color:var(--muted);font-size:10px}.class-stats strong{font-family:var(--mono);color:var(--green-800);font-size:24px;font-weight:500}.class-stats em{color:#8c968e;font-family:var(--sans);margin-left:3px;font-size:9px;font-style:normal}.class-table-section{background:var(--cream);border:1px solid var(--line);margin-top:18px}.class-table-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:72px;padding:16px 21px;display:flex}.class-table-heading>div{align-items:flex-start;gap:11px;display:flex}.class-table-heading>div>span{font-family:var(--mono);color:var(--accent-dark);margin-top:3px;font-size:10px}.class-table-heading h2{font-family:var(--serif);margin:0;font-size:20px}.class-table-heading p{color:var(--muted);margin:2px 0 0;font-size:9px}.class-table-heading>button{color:#909991;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:9px;display:flex}.class-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:290px;padding:45px 20px;display:flex}.class-empty>svg{color:#a5b0a6}.class-empty h3{font-family:var(--serif);margin:12px 0 4px;font-size:18px}.class-empty p{max-width:440px;color:var(--muted);margin:0 0 18px;font-size:10px}.class-table-wrap{overflow-x:auto}.class-table{border-collapse:collapse;width:100%;min-width:1100px}.class-table th{color:#718077;text-align:center;white-space:nowrap;background:#e9e9df;height:43px;padding:8px 11px;font-size:8px;font-weight:500}.class-table th:first-child{text-align:left;padding-left:20px}.class-table td{color:#5d6d63;height:67px;font-family:var(--mono);text-align:center;border-top:1px solid #e2e3da;padding:10px 11px;font-size:9px}.class-table td:first-child{text-align:left;padding-left:20px}.class-table tr.selected td{background:#edf0e7}.student-cell{min-width:110px;font-family:var(--sans);align-items:center;gap:9px;display:flex}.student-cell>span{background:var(--green-900);color:#f0c39e;width:30px;height:30px;font-family:var(--serif);place-items:center;font-size:12px;display:grid}.student-cell strong{color:var(--ink);font-size:10px;display:block}.student-cell small{text-overflow:ellipsis;white-space:nowrap;color:#8c978e;max-width:110px;font-size:8px;display:block;overflow:hidden}.table-progress{align-items:center;gap:7px;min-width:92px;display:flex}.table-progress>span{background:#dfe3da;width:51px;height:4px}.table-progress i{background:var(--accent);height:100%;display:block}.table-progress strong{font-size:9px;font-weight:500}.module-status,.review-status{color:#7b877e;background:#efeee6;padding:3px 6px}.module-status.complete,.review-status.complete{background:var(--green-100);color:var(--green-700)}.row-actions{align-items:center;gap:7px;display:flex}.row-actions button{color:var(--green-700);cursor:pointer;white-space:nowrap;background:0 0;border:0;font-size:9px}.row-actions button:last-child{color:#a2aaa3;padding:3px}.record-detail{border-top:1px solid var(--line);background:#f0efe6;padding:24px}.record-detail-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px;display:flex}.record-detail-head>div:first-child>span{font-family:var(--mono);color:var(--accent-dark);letter-spacing:.12em;font-size:8px}.record-detail-head h2{font-family:var(--serif);margin:4px 0 0;font-size:20px}.record-detail-head>div:last-child{gap:7px;display:flex}.record-practices{gap:7px;display:grid}.record-practices details{background:var(--cream);border:1px solid var(--line)}.record-practices summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:49px;padding:10px 15px;list-style:none;display:flex}.record-practices summary::-webkit-details-marker{display:none}.record-practices summary>span{align-items:center;gap:8px;display:flex}.record-practices summary>span:first-child svg{color:var(--green-700)}.record-practices summary strong{font-size:10px}.record-practices summary>span:last-child{color:#849087;font-family:var(--mono);font-size:9px}.record-practices details[open] summary>span:last-child svg{transform:rotate(180deg)}.record-answers{gap:7px;padding:0 15px 15px;display:grid}.record-answers>div{background:#efeee5;padding:13px 15px}.record-answers h4{color:var(--green-700);margin:0 0 6px;font-size:10px}.record-answers p{color:#5d6b62;white-space:pre-wrap;margin:0;font-size:10px;line-height:1.85}@media (width>=1500px){.main-content{padding-left:44px;padding-right:44px}.hero{padding-left:65px;padding-right:65px}}@media (width<=1180px){.sidebar{width:220px}.main-column{margin-left:220px}.main-content{padding:26px 25px 50px}.topbar{padding:0 25px}.site-footer{margin:0 25px}.hero{grid-template-columns:1fr .68fr;gap:30px;padding:42px 38px}.hero h1{font-size:36px}.hero-visual{max-width:290px}.workflow-card{padding:15px}.home-stats{grid-template-columns:repeat(3,1fr)}.home-stats .stat-quote{grid-column:1/-1;min-height:76px}.module-grid{grid-template-columns:repeat(2,1fr)}.prompt-workspace{grid-template-columns:1fr 1fr}.prompt-form{padding:24px 22px}.output-sticky{padding:22px 20px}.practice-tabs button{grid-template-columns:auto 1fr}.practice-tabs button>small{display:none}.review-summary{grid-template-columns:1fr;gap:20px}.template-grid{grid-template-columns:repeat(2,1fr)}.toast{left:calc(50% + 110px)}}@media (width<=900px){.sidebar{width:260px;transition:transform .25s;transform:translate(-100%);box-shadow:20px 0 60px #0003}.sidebar.is-open{transform:translate(0)}.sidebar-close{color:#fff;cursor:pointer;background:0 0;border:0;padding:7px;display:block;position:absolute;top:15px;right:12px}.sidebar-overlay{z-index:35;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0618137a;display:block;position:fixed;inset:0}.main-column{margin-left:0}.menu-button{place-items:center;margin-right:8px;display:grid}.toast{left:50%}.hero{grid-template-columns:1fr;padding:44px}.hero-copy{max-width:680px}.hero-visual{display:none}.home-bottom-grid{grid-template-columns:1fr}.principles-panel{min-height:350px}.module-tabs{grid-template-columns:repeat(3,1fr)}.module-tabs button:nth-child(3){border-right:0}.module-tabs button:nth-child(-n+3){border-bottom:1px solid var(--line)}.lesson-layout,.practice-workspace{grid-template-columns:230px 1fr}.lesson-content,.step-content{padding:26px 24px}.knowledge-grid,.prompt-workspace{grid-template-columns:1fr}.output-sticky{position:static}.generated-prompt{height:390px}.practice-header{flex-direction:column}.practice-progress-card{border-left:0;border-top:1px solid var(--line);padding:17px 0 0}.review-grid,.roadmap-section{grid-template-columns:1fr}.roadmap-steps>div:first-child,.roadmap-steps>div:nth-child(3){border-left:0}}@media (width<=680px){.main-content{padding:21px 15px 45px}.topbar{flex-basis:59px;height:59px;padding:0 13px}.breadcrumb{font-size:9px}.breadcrumb>svg,.breadcrumb{gap:4px}.save-status{display:none}.topbar-right{gap:0}.site-footer{flex-direction:column;gap:4px;margin:0 15px}.page-intro{flex-direction:column;align-items:flex-start;gap:15px;margin-top:3px}.page-intro h1{font-size:29px}.page-intro p{font-size:11px}.page-intro .btn{align-self:stretch}.intro-badge{display:none}.hero{min-height:530px;padding:37px 25px}.hero h1{font-size:31px;line-height:1.5}.hero h1 span{white-space:normal}.hero-copy>p{font-size:12px}.hero-actions{display:grid}.hero-actions .btn{width:100%}.hero-meta{gap:11px 17px}.home-stats{grid-template-columns:repeat(3,1fr)}.home-stats>div{min-height:98px;padding:15px 12px}.home-stats strong{font-size:23px}.home-stats strong em{margin:0;font-size:8px;display:block}.home-stats>div>span{display:none}.home-stats .stat-quote{padding:17px 20px}.stat-quote p{font-size:11px}.section-block{margin-top:38px}.section-heading{flex-direction:column;align-items:flex-start;gap:9px}.section-heading h2{font-size:23px}.section-heading>p{text-align:left;font-size:10px}.module-grid{grid-template-columns:1fr}.module-main>p{min-height:auto}.outcomes-panel{padding:26px 22px}.outcome-list{grid-template-columns:1fr}.principles-panel{padding:30px 27px}.module-tabs{display:flex;overflow-x:auto}.module-tabs button{min-width:130px;border-bottom:0!important}.module-banner{grid-template-columns:auto 1fr;gap:14px;padding:23px 21px}.module-banner-icon{width:49px;height:49px}.module-banner-icon svg{width:25px}.module-banner h2{font-size:20px}.module-banner p{font-size:10px}.module-banner-output{border-top:1px solid #ffffff29;border-left:0;grid-column:1/-1;min-width:0;padding:13px 0 0}.lesson-layout,.practice-workspace{grid-template-columns:1fr}.lesson-nav,.step-nav{padding:0;display:flex;overflow-x:auto}.lesson-nav-title,.lesson-nav-tip,.step-nav-head,.step-tools{display:none}.lesson-nav>button{border-bottom:0;border-right:1px solid var(--line);min-width:205px}.step-nav>button{border-bottom:0;border-right:1px solid var(--line);min-width:190px}.lesson-content,.step-content{padding:25px 20px}.lesson-content>h2,.step-content>h2{font-size:23px}.knowledge-card{min-height:auto}.lesson-footer,.step-footer{gap:12px}.lesson-complete,.step-done-button{font-size:10px}.prompt-type-tabs{padding:8px}.prompt-type-tabs>span{display:none}.prompt-form{padding:23px 18px}.output-sticky{padding:22px 18px}.generated-prompt{height:430px}.practice-tabs{display:flex;overflow-x:auto}.practice-tabs button{min-width:133px}.practice-header{padding:23px 21px}.practice-header h2{font-size:22px}.practice-meta{flex-direction:column;gap:5px}.practice-progress-card{min-width:0}.material-box pre{margin:0 12px;padding:13px}.instruction-box{padding:17px 15px}.work-field>span{align-items:flex-start;gap:10px}.practice-finished{flex-wrap:wrap;align-items:flex-start}.practice-finished .btn{width:100%}.review-summary{padding:24px 20px}.review-score{align-items:flex-start}.review-score h2{font-size:19px}.review-meta{grid-template-columns:1fr}.review-warning{align-items:flex-start}.review-warning button{display:none}.template-grid{grid-template-columns:1fr}.tool-row{grid-template-columns:1fr;gap:3px;padding:15px 17px}.tool-head{display:none}.roadmap-copy{padding:29px 24px}.roadmap-steps{grid-template-columns:1fr}.roadmap-steps>div{border-left:0;padding:23px 25px;border-bottom:1px solid #ffffff26!important}.roadmap-steps>div:last-child{border-bottom:0!important}.three-lists{grid-template-columns:1fr}.three-lists>div{border-right:0;border-bottom:1px solid var(--line)}.toast{justify-content:center;width:calc(100% - 30px);bottom:16px}}@media (width<=1180px){.profile-button>div{display:none}.submission-card{padding:24px 21px}.submission-card h2{font-size:17px}.class-stats>div{padding:15px}}@media (width<=900px){.submission-flow{grid-template-columns:1fr;gap:10px}.submission-arrow{height:20px}.submission-arrow svg{transform:rotate(90deg)}.submission-card{min-height:200px}.class-stats{grid-template-columns:repeat(2,1fr)}.class-stats>div:nth-child(2){border-right:0}.class-stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media (width<=680px){.profile-button{padding:3px}.profile-button>svg{display:none}.profile-modal-backdrop{padding:14px}.profile-modal{max-height:calc(100vh - 28px);padding:29px 23px 22px}.profile-modal h2{font-size:23px}.submission-card{gap:12px;padding:23px 19px}.submission-icon{width:37px;height:37px}.submission-card h2{font-size:16px}.submission-card .btn{width:100%}.class-stats>div{grid-template-columns:auto 1fr;min-height:83px;padding:13px}.class-stats strong{grid-column:2;font-size:21px}.class-table-heading{align-items:flex-start}.class-table-heading p{max-width:220px}.record-detail{padding:18px 14px}.record-detail-head{flex-direction:column;align-items:flex-start}.record-detail-head>div:last-child{width:100%}.record-detail-head .btn{flex:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}