@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{--navy-950:#0b1c2c;--navy-900:#10283b;--navy-800:#17384e;--teal-700:#087b78;--teal-600:#07938b;--teal-100:#dff2ed;--orange:#ee794b;--orange-dark:#ce5e35;--orange-soft:#fff0e8;--paper:#f3f5f4;--cream:#fbfcfa;--white:#fff;--ink:#142b38;--muted:#667781;--line:#dce3e3;--line-dark:#c7d2d2;--success:#168267;--danger:#bf493e;--sans:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--mono:"DM Mono", "SFMono-Regular", Consolas, monospace;--shadow:0 14px 42px #10283b12}*{box-sizing:border-box}html{scroll-behavior:auto}body{background:var(--paper);min-width:320px;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.65}button,input,textarea,select{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,select:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px solid #ee794b52}::selection{background:var(--orange);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#bdcbcb;border-radius:8px}button:disabled{opacity:.42;cursor:not-allowed!important}.eyebrow{color:var(--teal-700);font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;margin:0 0 10px;font-size:10px;font-weight:500}.eyebrow.light{color:#89c7c2}.muted{color:var(--muted)}.button{cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 18px;font-size:13px;font-weight:600;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--orange);color:#fff;box-shadow:0 5px 14px #ee794b2e}.button.primary:hover{background:var(--orange-dark)}.button.ghost{border-color:var(--line-dark);background:#ffffff8c}.button.ghost:hover{border-color:var(--teal-600);color:var(--teal-700);background:#fff}.button.light{background:var(--cream);color:var(--navy-950)}.button.small{min-height:36px;padding:0 13px;font-size:12px}.button.wide{width:100%;min-height:48px}.icon-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:5px;place-items:center;width:36px;height:36px;padding:0;display:inline-grid}.icon-button:hover{border-color:var(--teal-600);color:var(--teal-700)}.text-button{color:var(--teal-700);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:11px;display:inline-flex}.form-error{color:var(--danger);margin:8px 0;font-size:12px}.data-notice{color:#3e645f;background:#edf7f3;border:1px solid #cde4de;border-radius:5px;align-items:center;gap:10px;margin:0 0 26px;padding:12px 15px;font-size:12px;display:flex}.data-notice svg{color:var(--teal-700);flex:none}.data-notice strong{color:#1e5b53}.section-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.section-head h1{letter-spacing:-.04em;margin:0;font-size:clamp(27px,3vw,38px);line-height:1.25}.section-head>div>p:last-child:not(.eyebrow){max-width:730px;color:var(--muted);margin:10px 0 0;font-size:13px}.progress-ring{color:var(--teal-600);flex:none;place-items:center;display:grid;position:relative}.progress-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.progress-ring strong{font-family:var(--mono);font-size:11px;font-weight:500}.metric-grid{gap:14px;display:grid}.metric-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-grid>div{border:1px solid var(--line);background:#fff;border-radius:6px;padding:20px}.metric-grid small,.metric-grid span{color:var(--muted);font-size:11px;display:block}.metric-grid strong{font-family:var(--mono);color:var(--navy-800);margin:6px 0 4px;font-size:25px;font-weight:500;display:block}.onboarding{background:var(--cream);grid-template-columns:minmax(0,1.25fr) minmax(420px,.75fr);min-height:100vh;display:grid}.onboard-story{color:#fff;background:var(--navy-950);flex-direction:column;min-height:100vh;padding:42px 6vw 36px;display:flex;position:relative;overflow:hidden}.onboard-story:before{content:"";opacity:.18;background-image:linear-gradient(#84c4c129 1px,#0000 1px),linear-gradient(90deg,#84c4c129 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(145deg,#000,#0000 72%);mask-image:linear-gradient(145deg,#000,#0000 72%)}.onboard-story:after{content:"";border:1px solid #6bcabe40;border-radius:50%;width:480px;height:480px;position:absolute;bottom:-160px;right:-180px;box-shadow:0 0 0 70px #6bcabe09,0 0 0 140px #6bcabe06}.onboard-brand{align-items:center;gap:12px;display:flex;position:relative}.onboard-brand>span{color:#b8e2dc;width:42px;height:42px;font-family:var(--mono);border:1px solid #7eb4b4;place-items:center;font-size:21px;display:grid}.onboard-brand strong,.onboard-brand small{display:block}.onboard-brand strong{letter-spacing:.08em;font-size:16px}.onboard-brand small{color:#83a7ae;font-family:var(--mono);letter-spacing:.12em;font-size:8px}.onboard-copy{max-width:720px;margin:auto 0;padding:60px 0;position:relative}.onboard-copy h1{letter-spacing:-.055em;margin:0;font-size:clamp(42px,5.2vw,76px);line-height:1.18}.onboard-copy h1 em{color:#7fd4c6;font-style:normal}.onboard-copy>p:last-child{color:#b0c2c8;max-width:590px;margin:26px 0 0;font-size:15px;line-height:1.9}.onboard-track{border-top:1px solid #ffffff2b;grid-template-columns:repeat(5,1fr);display:grid;position:relative}.onboard-track>div{padding:20px 10px 0 0}.onboard-track span,.onboard-track strong{display:block}.onboard-track span{color:var(--orange);font-family:var(--mono);font-size:11px}.onboard-track strong{margin-top:4px;font-size:12px;font-weight:500}.fiction-note{color:#74929c;margin:24px 0 0;font-size:10px;position:relative}.onboard-panel{place-items:center;padding:50px clamp(30px,5vw,80px);display:grid}.onboard-form-wrap{width:100%;max-width:440px}.onboard-form-wrap h2{letter-spacing:-.04em;margin:0;font-size:30px}.onboard-form-wrap>p.muted{margin:12px 0 30px;font-size:12px}.profile-form{gap:18px;display:grid}.profile-form label{gap:7px;font-size:12px;font-weight:600;display:grid}.profile-form label>span{color:var(--muted);margin-left:5px;font-size:10px;font-weight:400}.profile-form input,.review-meta input{border:1px solid var(--line-dark);width:100%;height:46px;color:var(--ink);background:#fff;border-radius:5px;outline:none;padding:0 13px}.profile-form input:focus,.review-meta input:focus{border-color:var(--teal-600);box-shadow:0 0 0 3px #07938b14}.existing-profiles{margin-top:22px}.divider{color:var(--muted);align-items:center;gap:12px;margin:22px 0 14px;font-size:10px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.existing-profiles>button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:5px;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.existing-profiles>button+button{margin-top:8px}.existing-profiles>button>span{flex:1}.existing-profiles strong,.existing-profiles small{display:block}.existing-profiles small{color:var(--muted);font-size:10px}.local-note{border-top:1px solid var(--line);color:var(--muted);gap:10px;margin-top:26px;padding-top:20px;display:flex}.local-note svg{color:var(--teal-700);flex:none}.local-note p{margin:0;font-size:10px}.app-shell{min-height:100vh}.sidebar{z-index:50;color:#eef5f4;background:var(--navy-950);flex-direction:column;width:248px;padding:26px 20px 22px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.sidebar:before{content:"";pointer-events:none;opacity:.12;background-image:linear-gradient(#7dc4be21 1px,#0000 1px),linear-gradient(90deg,#7dc4be21 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 55%);mask-image:linear-gradient(#000,#0000 55%)}.brand{cursor:pointer;align-items:center;gap:11px;padding:0 4px;display:flex;position:relative}.brand-mark{color:#b9ddd7;border:1px solid #79aaa9;place-items:center;width:40px;height:40px;display:grid;position:relative;transform:rotate(-3deg)}.brand-mark span{font-family:var(--mono);font-size:19px}.brand-mark i{background:var(--orange);width:7px;height:7px;position:absolute;top:-4px;right:-4px}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.05em;font-size:15px}.brand small{color:#779aa4;font-family:var(--mono);letter-spacing:.11em;margin-top:1px;font-size:7px}.course-label{color:#648792;font-family:var(--mono);letter-spacing:.12em;margin:34px 10px 12px;font-size:9px;position:relative}.main-nav{gap:5px;display:grid;position:relative}.main-nav button{color:#a5bac1;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:3px;align-items:center;gap:12px;min-height:45px;padding:0 13px;transition:all .18s;display:flex;position:relative}.main-nav button:hover{color:#fff;background:#ffffff0d}.main-nav button.active{background:var(--cream);color:var(--navy-950);font-weight:600}.main-nav button.active svg{color:var(--teal-700)}.main-nav button.active i{background:var(--orange);width:4px;position:absolute;inset:0 auto 0 0}.sidebar-spacer{flex:1;min-height:35px}.sidebar-principle{border-top:1px solid #ffffff1c;border-bottom:1px solid #ffffff1c;gap:10px;padding:17px 6px;display:flex;position:relative}.sidebar-principle svg{color:#78c9bd;flex:none;margin-top:2px}.sidebar-principle strong{color:#d7e5e4;font-size:11px;font-weight:500}.sidebar-principle p{color:#79969f;margin:4px 0 0;font-size:10px;line-height:1.7}.sidebar-progress{padding:19px 6px 0;position:relative}.sidebar-progress>div:first-child{color:#86a0a8;justify-content:space-between;font-size:10px;display:flex}.sidebar-progress strong{color:#c5d7d8;font-family:var(--mono);font-weight:400}.linear-track{background:#ffffff1f;height:3px;margin-top:10px;overflow:hidden}.linear-track i{background:var(--orange);height:100%;transition:width .35s;display:block}.sidebar-close,.sidebar-overlay{display:none}.main-column{flex-direction:column;min-height:100vh;margin-left:248px;display:flex}.topbar{z-index:35;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f3f5f4eb;flex:0 0 66px;justify-content:space-between;align-items:center;height:66px;padding:0 32px;display:flex;position:sticky;top:0}.topbar-left,.topbar-right{align-items:center;display:flex}.breadcrumb{color:#87969c;align-items:center;gap:8px;font-size:10px;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:14px}.save-status{color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex}.save-status>span{background:var(--success);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #1682671a}.profile-switch{border:1px solid var(--line);height:34px;color:var(--muted);background:#fff;border-radius:4px;align-items:center;gap:6px;padding:0 9px;display:flex;position:relative}.profile-switch select{appearance:none;max-width:160px;color:var(--ink);cursor:pointer;background:0 0;border:0;outline:none;padding:0 18px 0 0;font-size:11px}.profile-switch>svg:last-child{pointer-events:none;position:absolute;right:7px}.add-profile{width:34px;height:34px}.main-content{flex:1;width:100%;max-width:1530px;margin:0 auto;padding:38px clamp(24px,3.2vw,52px) 55px}.app-footer{border-top:1px solid var(--line);color:#849298;justify-content:space-between;gap:15px;padding:18px 32px;font-size:9px;display:flex}.toast{z-index:100;color:#176650;box-shadow:var(--shadow);background:#f1faf6;border:1px solid #b8d9ce;border-radius:6px;align-items:center;gap:9px;padding:12px 18px;font-size:12px;animation:.2s toast-in;display:flex;position:fixed;bottom:28px;right:28px}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.hero{grid-template-columns:minmax(0,.95fr) minmax(440px,1.05fr);align-items:center;gap:clamp(28px,4vw,64px);min-height:410px;display:grid}.hero-copy{padding:24px 0}.hero-copy h1{letter-spacing:-.065em;margin:0;font-size:clamp(42px,4.4vw,66px);line-height:1.16}.hero-copy h1 span{color:var(--teal-700)}.hero-sub{color:var(--muted);margin:20px 0 0;font-size:13px;line-height:1.9}.hero-sub strong{color:var(--ink);font-size:16px;font-weight:600}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.hero-meta{color:var(--muted);flex-wrap:wrap;gap:20px;margin-top:24px;font-size:10px;display:flex}.hero-meta span{align-items:center;gap:6px;display:flex}.hero-board{background:var(--navy-900);color:#fff;border-radius:10px;padding:24px;position:relative;overflow:hidden;box-shadow:0 24px 50px #0b1c2c29}.hero-board:before{content:"";opacity:.12;background-image:linear-gradient(#7dc4be2e 1px,#0000 1px),linear-gradient(90deg,#7dc4be2e 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0}.board-top{color:#7f9ca5;font-family:var(--mono);letter-spacing:.1em;justify-content:space-between;font-size:9px;display:flex;position:relative}.live-dot{color:#94c9c0;font-family:var(--sans);letter-spacing:0;align-items:center;gap:6px;display:flex}.live-dot:before{content:"";background:#6fd0bd;border-radius:50%;width:5px;height:5px}.workflow-line{grid-template-columns:repeat(5,1fr);margin:28px 0;display:grid;position:relative}.workflow-line:before{content:"";background:#365366;height:1px;position:absolute;top:24px;left:10%;right:10%}.workflow-line button{color:#fff;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;padding:0 2px;display:flex;position:relative}.workflow-icon{z-index:1;background:var(--navy-900);color:#8fc9c0;border:1px solid #3d6170;border-radius:50%;place-items:center;width:48px;height:48px;transition:all .18s;display:grid}.workflow-line button:hover .workflow-icon{border-color:var(--orange);color:var(--orange);transform:translateY(-2px)}.workflow-line button.complete .workflow-icon{color:#b5e6da;background:#165148;border-color:#68b6a8}.workflow-line small{color:var(--orange);font-family:var(--mono);margin-top:9px;font-size:9px}.workflow-line strong{font-size:11px;font-weight:500}.workflow-line em{color:#718f9a;margin-top:2px;font-size:8px;font-style:normal}.board-insight{background:#06172347;border:1px solid #2b4a5d;border-radius:5px;align-items:center;gap:12px;padding:14px;display:flex;position:relative}.board-insight svg{color:#77c4b9}.board-insight small,.board-insight strong{display:block}.board-insight small{color:#7f9ca5;font-size:9px}.board-insight strong{margin-top:3px;font-size:11px;font-weight:500}.board-grid{grid-template-columns:repeat(3,1fr);margin-top:20px;display:grid;position:relative}.board-grid>div+div{border-left:1px solid #2b4a5d;padding-left:18px}.board-grid small{color:#77959f;font-size:9px;display:block}.board-grid strong{font-family:var(--mono);margin-top:4px;font-size:22px;font-weight:500;display:block}.board-grid strong span{color:#718e98;font-size:10px}.home-view>.data-notice{margin-top:24px}.home-section{margin-top:44px}.section-title{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:20px;display:flex}.section-title h2{letter-spacing:-.04em;margin:0;font-size:24px}.section-title>p{max-width:360px;color:var(--muted);margin:0;font-size:11px}.module-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.module-card{border:1px solid var(--line);background:#fff;border-radius:7px;min-width:0;padding:19px;transition:all .2s;position:relative;overflow:hidden}.module-card:hover{box-shadow:var(--shadow);border-color:#9fc6c0;transform:translateY(-3px)}.module-card-top{color:var(--teal-700);justify-content:space-between;align-items:center;display:flex}.module-number{color:#a0adb2;font-family:var(--mono);font-size:20px}.module-card>p{color:#8b9a9f;font-family:var(--mono);letter-spacing:.09em;margin:20px 0 4px;font-size:8px}.module-card h3{margin:0;font-size:18px}.module-output{border-top:1px solid var(--line);min-height:64px;color:var(--muted);align-items:flex-start;gap:7px;margin-top:15px;padding-top:13px;font-size:11px;display:flex}.module-output svg{color:var(--orange);flex:none;margin-top:2px}.module-card-bottom{color:#87969c;justify-content:space-between;align-items:center;gap:5px;font-size:8px;display:flex}.module-card-bottom button{border:1px solid var(--line);background:var(--cream);cursor:pointer;border-radius:50%;flex:none;place-items:center;width:29px;height:29px;display:grid}.module-card-bottom button:hover{background:var(--orange);color:#fff}.mini-progress{background:#edf0ef;height:3px;position:absolute;inset:auto 0 0}.mini-progress i{background:var(--teal-600);height:100%;display:block}.start-banner{background:var(--navy-800);color:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:25px;margin-top:42px;padding:28px 32px;display:flex}.start-banner h2{margin:0;font-size:22px}.start-banner p:not(.eyebrow){color:#a9c0c7;margin:7px 0 0;font-size:11px}.course-layout{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:22px;display:grid}.course-modules{gap:7px;display:grid}.course-modules button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff9;border-radius:5px;align-items:center;gap:9px;width:100%;padding:13px 11px;display:flex}.course-modules button>span{color:#9aa8ad;font-family:var(--mono);font-size:10px}.course-modules button>svg{color:var(--teal-700);flex:none}.course-modules button>div{flex:1;min-width:0}.course-modules strong,.course-modules small{display:block}.course-modules strong{font-size:12px}.course-modules small{color:var(--muted);font-size:9px}.course-modules button.active{border-color:var(--navy-800);background:var(--navy-800);color:#fff}.course-modules button.active small,.course-modules button.active>span{color:#9ab3bc}.course-modules button.active>svg{color:#83d1c4}.course-main{min-width:0}.course-module-head{background:var(--navy-800);color:#fff;border-radius:7px 7px 0 0;justify-content:space-between;align-items:center;gap:20px;padding:24px 26px;display:flex}.course-module-head h2{margin:0;font-size:21px}.course-module-head p:not(.eyebrow){color:#a8bec6;margin:6px 0 0;font-size:11px}.lesson-nav{border:1px solid var(--line);background:#fff;border-top:0;grid-template-columns:repeat(3,1fr);display:grid}.lesson-nav button{border:0;border-right:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;grid-template-columns:auto 1fr;gap:2px 8px;min-width:0;padding:13px;display:grid}.lesson-nav button:last-child{border-right:0}.lesson-nav button>span{color:#9ba9ad;font-family:var(--mono);grid-row:1/3;font-size:10px}.lesson-nav button>span svg{color:var(--success)}.lesson-nav strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;overflow:hidden}.lesson-nav small{color:var(--muted);font-size:8px}.lesson-nav button.active{background:var(--teal-100);box-shadow:inset 0 -3px var(--teal-600)}.lesson-content{border:1px solid var(--line);background:#fff;border-radius:7px;margin-top:16px;padding:30px}.lesson-content header h2{letter-spacing:-.035em;margin:0;font-size:25px}.lesson-intro{max-width:820px;color:var(--muted);margin:12px 0 0;line-height:1.85}.knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px;display:grid}.knowledge-card{border:1px solid var(--line);background:var(--cream);border-radius:5px;padding:19px;position:relative}.knowledge-card>span{color:#d3dddd;font-family:var(--mono);font-size:20px;position:absolute;top:14px;right:15px}.knowledge-card h3{color:var(--navy-800);margin:0 35px 8px 0;font-size:14px}.knowledge-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.85}.formula-box,.editor-tip{border-left:3px solid var(--teal-600);background:#eaf5f2;align-items:flex-start;gap:12px;margin-top:16px;padding:16px 18px;display:flex}.formula-box svg,.editor-tip svg{color:var(--teal-700);flex:none;margin-top:2px}.formula-box strong,.editor-tip strong{font-size:11px}.formula-box p,.editor-tip p{color:#436861;font-family:var(--mono);margin:4px 0 0;font-size:11px;line-height:1.8}.editor-tip{border-left-color:var(--orange);background:var(--orange-soft)}.editor-tip svg{color:var(--orange-dark)}.editor-tip p{color:#815b49;font-family:var(--sans)}.lesson-content footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-top:20px;display:flex}.lesson-complete,.step-done-button{border:1px solid var(--line-dark);cursor:pointer;background:#fff;border-radius:5px;align-items:center;gap:8px;min-height:40px;padding:0 15px;font-size:12px;display:inline-flex}.lesson-complete.done,.step-done-button.done{color:var(--success);background:#edf8f3;border-color:#aad2c4}.template-tabs{flex-wrap:wrap;gap:7px;margin-bottom:18px;display:flex}.template-tabs button{border:1px solid var(--line);min-height:36px;color:var(--muted);cursor:pointer;background:#fff;border-radius:20px;padding:0 15px;font-size:11px}.template-tabs button.active{border-color:var(--navy-800);background:var(--navy-800);color:#fff}.prompt-layout{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:start;gap:20px;display:grid}.prompt-form{gap:12px;display:grid}.prompt-field{border:1px solid var(--line);background:#fff;border-radius:6px;gap:10px;padding:15px 17px;display:grid}.prompt-field>span{justify-content:space-between;align-items:center;gap:15px;display:flex}.prompt-field strong{font-size:12px}.prompt-field small{color:var(--muted);text-align:right;font-size:9px}.prompt-field textarea,.work-field textarea,.generated-prompt{border:1px solid var(--line);resize:vertical;width:100%;color:var(--ink);background:#fafcfb;border-radius:4px;outline:none;padding:11px 12px;font-size:12px;line-height:1.75}.prompt-field textarea:focus,.work-field textarea:focus,.generated-prompt:focus{border-color:var(--teal-600);box-shadow:0 0 0 3px #07938b12}.prompt-output-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:7px;padding:20px;position:sticky;top:86px}.prompt-score{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding-bottom:17px;display:flex}.prompt-score small,.prompt-score span{color:var(--muted);font-size:9px;display:block}.prompt-score strong{font-family:var(--mono);margin:3px 0;font-size:24px;font-weight:500;display:block}.prompt-output-panel .progress-ring strong{font-size:14px}.output-heading{justify-content:space-between;align-items:center;margin:18px 0 10px;font-size:12px;font-weight:600;display:flex}.generated-prompt{min-height:500px;font-family:var(--mono);font-size:10px;line-height:1.8}.output-actions{gap:8px;margin-top:12px;display:flex}.output-note{color:var(--muted);margin:12px 0 0;font-size:9px}.practice-tabs{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:22px;display:grid}.practice-tabs button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:5px;align-items:center;gap:9px;padding:12px 14px;display:flex}.practice-tabs button>span{color:#9aa8ad;font-family:var(--mono);font-size:10px}.practice-tabs button strong{text-align:left;flex:1;font-size:11px}.practice-tabs button small{color:var(--muted);font-family:var(--mono);font-size:9px}.practice-tabs button.active{border-color:var(--teal-700);background:var(--teal-100);color:#125c57}.practice-heading{justify-content:space-between;align-items:center;gap:25px;margin-bottom:20px;display:flex}.practice-heading h2{letter-spacing:-.035em;margin:0;font-size:24px}.practice-heading>div:first-child>p:last-child{max-width:770px;color:var(--muted);margin:8px 0 0;font-size:12px}.output-chip{background:var(--orange-soft);max-width:260px;color:var(--orange-dark);border:1px solid #eed7c9;border-radius:5px;align-items:center;gap:10px;padding:12px 15px;display:flex}.output-chip span{font-size:9px}.output-chip strong{color:#674a3e;font-size:11px;display:block}.practice-layout{grid-template-columns:235px minmax(0,1fr);align-items:start;gap:18px;display:grid}.step-nav{gap:7px;display:grid}.step-nav button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:5px;align-items:center;gap:11px;width:100%;min-height:69px;padding:12px;display:flex}.step-nav button>span{border:1px solid var(--line-dark);width:26px;height:26px;color:var(--muted);font-family:var(--mono);border-radius:50%;flex:none;place-items:center;font-size:10px;display:grid}.step-nav strong,.step-nav small{display:block}.step-nav strong{font-size:11px;line-height:1.5}.step-nav small{color:var(--muted);margin-top:3px;font-size:8px}.step-nav button.active{border-color:var(--navy-800);background:var(--navy-800);color:#fff}.step-nav button.active>span{color:#aee1d6;background:#195247;border-color:#75b9b0}.step-nav button.active small{color:#8fabb5}.workbench{border:1px solid var(--line);background:#fff;border-radius:7px;min-width:0;padding:28px}.step-title>span{color:var(--orange);font-family:var(--mono);letter-spacing:.1em;font-size:10px}.step-title h2{letter-spacing:-.035em;margin:5px 0 8px;font-size:25px}.step-title p{color:var(--muted);align-items:center;gap:7px;margin:0;font-size:12px;display:flex}.step-title p svg{color:var(--teal-700)}.instruction-block{background:#f3f7f6;border-radius:5px;margin:24px 0;padding:20px}.instruction-block h3{margin:0 0 14px;font-size:12px}.instruction-block ol{gap:12px;margin:0;padding:0;list-style:none;display:grid}.instruction-block li{align-items:flex-start;gap:11px;display:flex}.instruction-block li>span{width:22px;height:22px;color:var(--teal-700);font-family:var(--mono);background:#dcebe7;border-radius:50%;flex:none;place-items:center;font-size:9px;display:grid}.instruction-block li p{color:#405861;margin:0;font-size:12px;line-height:1.8}.work-field{gap:10px;margin-top:20px;display:grid}.work-field>span{justify-content:space-between;align-items:center;gap:12px;display:flex}.work-field strong{font-size:13px}.work-field small{color:var(--muted);font-size:9px}.work-field textarea{min-height:190px;font-size:13px}.criterion{background:#f4faf7;border:1px dashed #b9cec8;border-radius:4px;gap:10px;margin-top:14px;padding:13px 15px;display:flex}.criterion svg{color:var(--success);flex:none}.criterion strong{font-size:10px}.criterion p{color:#527068;margin:3px 0 0;font-size:11px}.work-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.work-actions>div{gap:8px;display:flex}.calc-panel{background:#fbfdfc;border:1px solid #c9dcd8;border-radius:5px;margin:18px 0}.calc-panel>summary{color:var(--teal-700);cursor:pointer;align-items:center;gap:8px;padding:12px 15px;font-size:11px;font-weight:600;list-style:none;display:flex}.calc-panel>summary::-webkit-details-marker{display:none}.calc-panel>summary svg:last-child{margin-left:auto}.calc-panel[open]>summary{border-bottom:1px solid #dbe8e5}.calc-body{padding:17px}.calc-body>label{color:var(--muted);align-items:center;gap:12px;font-size:10px;display:flex}.calc-body select{border:1px solid var(--line);background:#fff;border-radius:4px;min-height:35px;padding:0 10px}.calc-body>p{color:var(--muted);margin:13px 0 0;font-size:9px}.chart-wrap{border:1px solid var(--line);background:#fff;margin-top:15px;padding:8px}.chart-wrap svg{width:100%;display:block}.chart-axis{stroke:#cbd7d7}.chart-line{stroke:var(--teal-600);stroke-width:2.5px}.chart-dot{fill:var(--orange)}.chart-wrap text{fill:#839399;font-family:var(--mono);font-size:9px}.calc-table-wrap{margin-top:12px;overflow-x:auto}.calc-table-wrap table{border-collapse:collapse;width:100%;min-width:570px;font-size:10px}.calc-table-wrap th,.calc-table-wrap td{border:1px solid var(--line);text-align:left;padding:9px}.calc-table-wrap th{color:#47665f;background:#eef5f3}.calc-body .metric-grid{margin-top:15px}.calc-body .metric-grid>div{padding:13px}.calc-body .metric-grid strong{font-size:17px}.review-summary{border:1px solid var(--line);background:#fff;border-radius:7px;justify-content:space-between;align-items:center;gap:25px;margin-bottom:20px;padding:22px 25px;display:flex}.review-score{align-items:center;gap:20px;display:flex}.review-score .progress-ring strong{font-size:19px}.review-score h2{font-family:var(--mono);margin:0;font-size:27px;font-weight:500}.review-score p:not(.eyebrow){color:var(--muted);margin:2px 0 0;font-size:10px}.review-meta{gap:12px;display:flex}.review-meta label{color:var(--muted);font-size:10px}.review-meta input{height:39px;margin-top:5px;font-size:11px}.review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.review-group{border:1px solid var(--line);background:#fff;border-radius:6px;padding:21px}.review-group:last-child{grid-column:1/-1}.review-group header{align-items:center;gap:10px;display:flex}.review-group header span{color:var(--orange);font-family:var(--mono);font-size:11px}.review-group h2{margin:0;font-size:16px}.review-items{gap:7px;margin-top:14px;display:grid}.review-group:last-child .review-items{grid-template-columns:repeat(2,1fr)}.review-items label{cursor:pointer;background:#f7f9f8;border:1px solid #0000;border-radius:4px;align-items:flex-start;gap:9px;padding:10px;display:flex}.review-items label.checked{background:#eff8f4;border-color:#d4e9e1}.review-items input{opacity:0;pointer-events:none;position:absolute}.custom-check{color:#fff;background:#fff;border:1px solid #b9c7c7;border-radius:3px;flex:none;place-items:center;width:18px;height:18px;margin-top:1px;display:grid}.review-items label.checked .custom-check{border-color:var(--success);background:var(--success)}.review-items p{color:#4b6069;margin:0;font-size:11px}.review-warning,.local-boundary{border-left:3px solid var(--orange);background:var(--orange-soft);gap:12px;margin-top:20px;padding:17px 20px;display:flex}.review-warning svg,.local-boundary svg{color:var(--orange-dark);flex:none}.review-warning strong,.local-boundary strong{font-size:12px}.review-warning p,.local-boundary p{color:#795d50;margin:3px 0 0;font-size:10px}.class-actions{border:1px solid var(--line);background:#fff;border-radius:7px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:20px 22px;display:flex}.class-actions>div{align-items:center;gap:12px;display:flex}.class-actions>div:first-child>svg{color:var(--teal-700)}.class-actions h2{margin:0;font-size:15px}.class-actions p{color:var(--muted);margin:3px 0 0;font-size:10px}.class-actions label{cursor:pointer}.import-message{border-top:1px solid var(--line);width:100%;padding-top:12px;color:var(--success)!important;margin:0!important}.class-metrics{margin-bottom:18px}.empty-class{border:1px dashed var(--line-dark);text-align:center;background:#ffffff80;border-radius:7px;padding:60px 20px}.empty-class>svg{color:#9cb2b2}.empty-class h2{margin:12px 0 5px;font-size:18px}.empty-class p{color:var(--muted);margin:0 auto 18px;font-size:11px}.class-table-wrap{border:1px solid var(--line);background:#fff;border-radius:7px;overflow-x:auto}.class-table{border-collapse:collapse;width:100%;min-width:960px;font-size:10px}.class-table th{border-bottom:1px solid var(--line);color:#526a70;text-align:left;white-space:nowrap;background:#edf3f2;padding:13px 11px}.class-table td{white-space:nowrap;border-bottom:1px solid #edf0ef;padding:13px 11px}.class-table tr:last-child td{border-bottom:0}.class-table td:first-child strong,.class-table td:first-child small{display:block}.class-table td:first-child strong{font-size:12px}.class-table td:first-child small{color:var(--muted);font-size:9px}.table-complete{color:var(--success);font-weight:600}.row-actions{align-items:center;gap:5px;display:flex}.row-actions button{border:1px solid var(--line);min-height:28px;color:var(--muted);cursor:pointer;background:#fff;border-radius:3px;align-items:center;padding:0 7px;font-size:9px;display:inline-flex}.row-actions button:hover{color:var(--teal-700);border-color:var(--teal-600)}.local-boundary{border-left-color:var(--teal-600);background:#eaf5f2}.local-boundary svg{color:var(--teal-700)}.local-boundary p{color:#4e6d66}.modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#06151fad;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.result-modal{background:var(--paper);border-radius:8px;flex-direction:column;width:min(900px,100%);max-height:90vh;display:flex;box-shadow:0 25px 80px #00000040}.result-modal>header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:flex-start;padding:22px 25px;display:flex}.result-modal h2{margin:0;font-size:22px}.result-modal header p:not(.eyebrow){color:var(--muted);margin:4px 0 0;font-size:10px}.result-modal-body{padding:20px 25px;overflow-y:auto}.detail-summary{gap:8px;margin-bottom:15px;display:flex}.detail-summary span{background:var(--teal-100);color:var(--teal-700);border-radius:20px;padding:5px 10px;font-size:10px}.raw-practice{border:1px solid var(--line);background:#fff;border-radius:5px;margin-bottom:9px}.raw-practice summary{cursor:pointer;justify-content:space-between;padding:13px 15px;font-size:12px;font-weight:600;display:flex}.raw-practice summary span{color:var(--teal-700);font-family:var(--mono)}.raw-answer{border-top:1px solid var(--line);margin:0 14px;padding:14px 0}.raw-answer h4{margin:0 0 7px;font-size:11px}.raw-answer p,.raw-answer pre{color:#4d626a;white-space:pre-wrap;word-break:break-word;margin:0 0 7px;font-size:11px;line-height:1.85}.raw-answer pre{font-family:var(--mono);background:#f4f7f6;padding:12px;font-size:9px}.raw-answer small{color:var(--muted);font-size:9px}.result-modal>footer{border-top:1px solid var(--line);background:#fff;justify-content:flex-end;gap:8px;padding:15px 25px;display:flex}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.resource-card{border:1px solid var(--line);background:#fff;border-radius:7px;padding:22px}.resource-icon{background:var(--teal-100);width:45px;height:45px;color:var(--teal-700);border-radius:6px;place-items:center;margin-bottom:18px;display:grid}.resource-card h2{margin:0;font-size:17px}.resource-card>p:not(.eyebrow){min-height:45px;color:var(--muted);margin:8px 0 17px;font-size:11px}.resource-link{color:var(--teal-700);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #aacbc4;align-items:center;gap:8px;padding:0 0 5px;font-size:11px;font-weight:600;display:inline-flex}.formula-library{background:var(--navy-800);color:#fff;border-radius:8px;grid-template-columns:250px minmax(0,1fr);gap:35px;margin-top:28px;padding:28px;display:grid}.formula-library h2{margin:0;font-size:23px}.formula-library>div:first-child>p:last-child{color:#9db5be;font-size:11px}.formula-list{display:grid}.formula-list>div{border-bottom:1px solid #315065;grid-template-columns:28px 140px minmax(0,1fr);align-items:center;gap:8px;padding:10px 0;display:grid}.formula-list>div:last-child{border-bottom:0}.formula-list span{color:var(--orange);font-family:var(--mono);font-size:9px}.formula-list strong{font-size:11px;font-weight:500}.formula-list code{color:#9ed3ca;font-family:var(--mono);word-break:break-word;font-size:10px}.storage-explainer{border:1px solid var(--line);background:#fff;border-radius:7px;grid-template-columns:250px minmax(0,1fr);gap:35px;margin-top:24px;padding:24px;display:grid}.storage-explainer>div:first-child{color:var(--teal-700);align-items:center;gap:12px;display:flex}.storage-explainer h2{color:var(--ink);margin:0;font-size:20px}.storage-explainer>div:last-child{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.storage-explainer p{color:var(--muted);margin:0;font-size:10px}.storage-explainer p strong{color:var(--ink);margin-bottom:5px;font-size:11px;display:block}@media (width<=1200px){.module-grid{grid-template-columns:repeat(3,1fr)}.module-card:nth-child(4),.module-card:nth-child(5){min-height:220px}.hero{grid-template-columns:minmax(0,.85fr) minmax(400px,1.15fr);gap:25px}.hero-copy h1{font-size:45px}.prompt-layout{grid-template-columns:1fr 390px}.practice-tabs button{gap:6px;padding:10px}.practice-tabs button strong{font-size:10px}.formula-library,.storage-explainer{grid-template-columns:210px minmax(0,1fr);gap:24px}.storage-explainer>div:last-child{grid-template-columns:1fr;gap:10px}}@media (width<=980px){.sidebar{transition:transform .22s;transform:translate(-100%);box-shadow:20px 0 60px #0000002e}.sidebar.is-open{transform:translate(0)}.sidebar-close{z-index:2;color:#b9c9ce;cursor:pointer;background:0 0;border:0;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:16px;right:12px}.sidebar-overlay{z-index:45;background:#07162073;border:0;display:block;position:fixed;inset:0}.main-column{margin-left:0}.menu-button{margin-right:8px;display:block}.main-content{padding-top:30px}.hero{grid-template-columns:1fr 1fr}.hero-copy h1{font-size:41px}.hero-board{padding:18px}.workflow-line strong{font-size:9px}.workflow-icon{width:42px;height:42px}.workflow-line:before{top:21px}.prompt-layout{grid-template-columns:1fr}.prompt-output-panel{position:static}.generated-prompt{min-height:390px}.practice-layout{grid-template-columns:195px minmax(0,1fr)}.practice-tabs button>span{display:none}.course-layout{grid-template-columns:180px minmax(0,1fr)}.course-module-head{flex-direction:column;align-items:flex-start}.onboarding{grid-template-columns:1fr 430px}.onboard-story{padding-left:40px;padding-right:40px}}@media (width<=760px){.onboarding{grid-template-columns:1fr}.onboard-story{min-height:auto;padding:28px 25px 30px}.onboard-copy{padding:65px 0 45px}.onboard-copy h1{font-size:44px}.onboard-copy>p:last-child{font-size:13px}.onboard-track{gap:4px}.onboard-track strong{font-size:9px}.fiction-note{margin-top:16px}.onboard-panel{padding:40px 25px}.topbar{padding:0 18px}.breadcrumb>span,.save-status{display:none}.profile-switch select{max-width:105px}.main-content{padding:26px 18px 42px}.section-head{flex-direction:column;align-items:flex-start;gap:15px}.section-head .button{align-self:flex-start}.hero{grid-template-columns:1fr}.hero-copy{padding-bottom:0}.hero-copy h1{font-size:46px}.hero-board{margin-top:5px}.home-view>.data-notice{margin-top:22px}.section-title{flex-direction:column;align-items:flex-start;gap:8px}.module-grid{grid-template-columns:repeat(2,1fr)}.start-banner{flex-direction:column;align-items:flex-start}.course-layout{grid-template-columns:1fr}.course-modules{padding-bottom:5px;display:flex;overflow-x:auto}.course-modules button{min-width:165px}.lesson-content{padding:22px}.practice-heading{flex-direction:column;align-items:flex-start}.output-chip{max-width:none}.practice-layout{grid-template-columns:1fr}.step-nav{padding-bottom:5px;display:flex;overflow-x:auto}.step-nav button{min-width:205px}.practice-tabs{padding-bottom:5px;display:flex;overflow-x:auto}.practice-tabs button{min-width:125px}.practice-tabs button>span{display:inline}.review-summary{flex-direction:column;align-items:flex-start}.review-meta{width:100%}.review-meta label{flex:1}.review-grid{grid-template-columns:1fr}.review-group:last-child{grid-column:auto}.review-group:last-child .review-items{grid-template-columns:1fr}.metric-grid.four,.resource-grid{grid-template-columns:repeat(2,1fr)}.formula-library,.storage-explainer{grid-template-columns:1fr}.formula-list>div{grid-template-columns:25px 115px minmax(0,1fr)}.storage-explainer>div:last-child{grid-template-columns:repeat(3,1fr)}.modal-backdrop{padding:14px}.app-footer{flex-direction:column;align-items:flex-start}}@media (width<=480px){.topbar-right{gap:7px}.profile-switch{max-width:140px}.profile-switch select{max-width:92px}.hero-copy h1{font-size:39px}.hero-sub strong{font-size:14px}.hero-board{padding:15px 10px}.workflow-icon{width:38px;height:38px}.workflow-line:before{top:19px}.workflow-line strong{font-size:8px}.workflow-line em{display:none}.board-insight strong{font-size:9px}.board-grid strong{font-size:18px}.module-grid{grid-template-columns:1fr}.module-card{min-height:0!important}.module-output{min-height:0}.start-banner{padding:24px}.knowledge-grid,.lesson-nav{grid-template-columns:1fr}.lesson-nav button{border-right:0;border-bottom:1px solid var(--line)}.lesson-nav button:last-child{border-bottom:0}.lesson-content footer{flex-direction:column;align-items:flex-start}.prompt-field>span{flex-direction:column;align-items:flex-start;gap:2px}.prompt-field small{text-align:left}.output-actions{flex-direction:column}.workbench{padding:20px 16px}.step-title h2{font-size:22px}.work-actions{flex-direction:column;align-items:stretch}.work-actions>div{justify-content:flex-end}.calc-body .metric-grid.four{grid-template-columns:1fr 1fr}.review-meta{flex-direction:column}.review-score{gap:13px}.class-actions{align-items:flex-start}.class-actions>div:last-of-type{flex-direction:column;align-items:stretch;width:100%}.metric-grid>div{padding:15px}.metric-grid strong{font-size:21px}.resource-grid{grid-template-columns:1fr}.resource-card>p:not(.eyebrow){min-height:0}.formula-library,.storage-explainer{padding:21px}.formula-list>div{grid-template-columns:23px 1fr}.formula-list code{grid-column:2}.storage-explainer>div:last-child{grid-template-columns:1fr}.result-modal>header,.result-modal-body,.result-modal>footer{padding-left:17px;padding-right:17px}.toast{justify-content:center;bottom:18px;left:18px;right:18px}}