.workspace{height:100dvh;min-height:400px;display:flex;flex-direction:column;overflow:hidden}.topbar{min-height:77px;flex-wrap:nowrap;gap:16px;padding-inline:22px}.topbar .brand{font-size:23px;gap:9px}.topbar .brand svg{width:32px;height:32px}.topbar .tag{font-size:10px;padding-left:18px;border-left:1px solid var(--border)}.btn,.header-desktop{gap:7px}.btn{min-height:39px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;font-size:11px}.btn:hover{color:var(--ink);background:#e9efdf}.btn.primary,.btn.primary:hover{background:#294b36;color:#fff;border-color:#294b36}.btn.primary:hover{background:#3b6045;filter:none}.btn.small{min-height:34px}.btn.ghost{background:transparent}.keydot{width:6px;height:6px;margin-right:0;background:#8b987e}.keydot.ok{background:#547f3f}.sidebar{width:248px;background:#fafbf6;flex-shrink:0}.sidebar.hidden{margin-left:-248px;visibility:hidden}.sidebar-intro{padding:30px 23px 25px}.sidebar-intro>span{font-size:7px;letter-spacing:1.2px;color:var(--muted)}.sidebar-intro h2{font-family:Georgia,serif;font-weight:400;font-size:24px;line-height:1.3;letter-spacing:-.7px;margin-top:13px}.sb-head{border:0;font-size:10px;padding:15px 23px 9px;letter-spacing:.7px;text-transform:uppercase}.sb-list{padding:5px 12px}.b-item{padding:0;margin-bottom:7px;border-radius:7px}.b-item.active{background:#edf2e2;border-color:#d0ddbe}.board-open{display:block;width:100%;background:none;border:0;text-align:left;padding:14px 10px;color:inherit;cursor:pointer;border-radius:7px}.b-title{font-size:11px;font-weight:500}.b-meta{font-size:9px;margin-top:7px}.b-del{width:26px;height:28px;padding:0;display:grid;place-items:center;right:4px;top:9px;opacity:.65}.b-edit{right:31px!important}.b-item:focus-within .b-del{opacity:1}.sidebar-note{margin:auto 23px 24px;padding-top:30px}.sidebar-note svg{color:#6c8752}.sidebar-note p{font-family:Georgia,serif;font-size:21px;line-height:1.4;margin:12px 0 15px}.sidebar-note>span{font-size:8px;color:var(--muted)}.stage:before{background-size:22px 22px;opacity:.7}.board-card{border:1px solid #d0d9c6;box-shadow:0 12px 50px #243f3214;border-radius:12px}.card-head{min-height:54px;padding:10px 16px;border-bottom:1px solid #e3e8da;background:#fff}.card-q{color:#344e3a;font-weight:500;font-size:14px}.card-q:before{content:""}.card-tools{opacity:1;gap:6px}.tool{width:34px;height:34px;display:grid;place-items:center;border-radius:6px;background:#eff3e7;color:#48643e}.tool:hover{background:#dfe9cf;color:#233f31}.card-body{padding:10px}.card-body svg{border-radius:6px}.card-followhint{padding:5px 16px 14px;color:#426b37;font-size:12px}.askbar{width:min(740px,calc(100% - 120px));bottom:calc(26px + env(safe-area-inset-bottom))}.askform{border-radius:10px;padding:10px;gap:8px;border-color:#c5d1b8;box-shadow:0 8px 35px #34492b14}.askform input{font-size:14px}.askform input::placeholder{color:#6d7a63}.askform .btn.primary{background:#d8ed83;color:#29452b;border-color:#c4d971;min-height:42px}.askform .btn.primary:hover{background:#e5f3ad}.mode-toggle{display:grid;place-items:center;min-width:40px;min-height:40px;color:#536b43;opacity:1;filter:none;border-color:#e1e8d6}.mode-toggle.on{background:#e7efd7;border-color:#6f8a51}.chips{gap:6px}.chip{font-size:10px;padding:7px 12px;min-height:32px;background:#f9faf5}.chip:disabled{cursor:wait;opacity:.6}.follow-badge{background:#e7f0d7;color:#33522d;border-color:#9db77d}.follow-badge button{color:#33522d;min-width:26px;min-height:26px}.zoomctl{bottom:30px;right:18px;gap:5px}.zoomctl .btn{background:#fafbf6;width:36px;min-height:36px}.hero{top:14%;width:min(690px,90%)}.hero h1{font-size:clamp(30px,3.3vw,46px);font-weight:400;line-height:1.17;letter-spacing:-1.5px}.hero h1 em{font-family:Georgia,serif;font-style:italic;color:#648346}.hero p{font-size:13px;margin-top:20px;line-height:1.7}.hero-steps{gap:12px;margin-top:30px}.hs{border:1px solid #d9e2ce;border-radius:8px;width:195px;font-size:11px;line-height:1.65;padding:18px 15px;background:#f8faf3}.hs b{font-size:12px;font-weight:500;margin-bottom:7px}.path-panel,.status{background:#fffef9;box-shadow:0 6px 25px #34492b15;border-color:#d0dcc1}.status{font-size:11px}.path-panel{max-height:55%;overflow:auto}.path-head{font-size:13px}.path-step{min-height:32px}.calib-opt.chosen,.path-step.done .path-step-n{color:#fff}.path-x{min-width:30px;min-height:30px}.modal{border:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;color:var(--ink);background:transparent}.modal::-webkit-backdrop{background:#172b2070;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal::backdrop{background:#172b2070;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal:not([open]){display:none}.modal-box{box-shadow:0 25px 100px #20352a30;border-radius:14px;padding:32px;background:#fcfdf7}.modal-box h2{font-size:22px;font-weight:500;letter-spacing:-.5px;margin-bottom:18px}.modal-box p{font-size:12px;line-height:1.85}.modal-box input{min-height:46px;font-size:16px}.modal-actions .btn{font-size:11px}.quiz-opt{background:#f4f6ed;border-width:1px;border-radius:8px;font-size:13px}.quiz-opt.correct{background:#e4efcc}.quiz-opt.wrong{background:#f8e5df}.quiz-tag{font-size:11px}.quiz-schedule,.quiz-tag{color:#456c37}.quiz-score{font-family:Georgia,serif;font-weight:400}.sheet,.toast{box-shadow:0 10px 40px #20352a24}.toast{font-size:12px}.sheet-title{font-size:22px;font-weight:500;letter-spacing:-.7px}.sheet .sheet-btn{min-height:48px;font-size:13px}.board-card.ghost{box-shadow:0 12px 45px #243f3218,0 0 0 1px #bdceaa}.ghost-progress-bar{background:#769954}.askform.busy{animation:none;box-shadow:0 0 0 3px #dce8c9}.welcome{background:#f5f7ee}.welcome-box{max-width:690px;width:100%;text-align:center;animation:none}.welcome-box>.brand{justify-content:center;margin-bottom:48px}.welcome-kicker{font-size:9px;letter-spacing:1.7px;color:#617650;margin-bottom:16px}.welcome-title{font-size:clamp(30px,4vw,43px);font-weight:400;letter-spacing:-1.5px;line-height:1.2}.welcome-title em{font-family:Georgia,serif;color:#5f7e43}.welcome-sub{font-size:12px;line-height:1.7;margin-top:16px}.welcome-options{gap:16px;margin-top:30px}.welcome-opt{max-width:none;border:1px solid #d2dec3;border-radius:10px;background:#fcfdf8;padding:28px;gap:16px;align-items:flex-start;text-align:left}.welcome-opt:hover{border-color:#7c995b;box-shadow:0 10px 30px #34512c12}.welcome-opt>svg{color:#5b7944}.welcome-opt b{font-size:17px;font-weight:500}.welcome-desc{font-size:12px}.welcome-opt.kids{background:#faf3e3;border-color:#e6d8bb}.welcome-opt.kids:hover{border-color:#a7854b}.welcome-footnote{font-size:10px;color:var(--muted);margin-top:25px}.workspace button:disabled{opacity:.6;cursor:default}@media (max-width:1200px){.topbar .tag{display:none}}@media (max-width:1000px){.header-desktop{display:none}.header-mobile{display:flex}}@media (max-width:760px){.topbar{min-height:68px;padding:10px 12px;gap:8px}.topbar .brand{font-size:21px;gap:7px}.topbar .brand svg{width:29px;height:29px}.header-mobile{gap:5px}.header-mobile .btn{padding:8px;min-width:36px;min-height:40px}.topbar>.btn.ghost{padding-inline:8px}.sidebar{width:min(290px,85vw)}.sidebar.hidden{margin-left:0}.sidebar-intro{padding-top:24px}.askbar{width:calc(100% - 22px);bottom:calc(14px + env(safe-area-inset-bottom))}.askform{padding:7px;gap:4px}.askform input{font-size:16px;padding-inline:4px}.askform .btn{padding-inline:11px;font-size:11px}.askform .btn svg{display:none}.mode-toggle{min-width:34px;padding-inline:4px}.chip{min-height:36px;font-size:10px;padding:8px 12px}.hero{top:7%;width:88%}.hero h1{font-size:33px}.hero p{font-size:12px;margin-top:14px}.hero-steps{flex-direction:column;align-items:center;margin-top:20px;gap:8px}.hs{width:100%;max-width:330px;text-align:left;padding:12px 15px;font-size:10px}.hs b{margin-bottom:2px;font-size:11px}.card-tools{gap:5px}.tool{width:38px;height:38px}.path-panel{bottom:calc(135px + env(safe-area-inset-bottom))}.modal-box{padding:26px 20px calc(26px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0}.welcome{padding:25px;overflow-y:auto}.welcome-box>.brand{margin-bottom:27px}.welcome-options{flex-direction:column;gap:12px}.welcome-opt{display:grid;grid-template-columns:28px 1fr;grid-gap:10px 16px;gap:10px 16px;padding:20px}.welcome-opt>svg{grid-column:1;grid-row:1/3}.welcome-desc,.welcome-opt b{grid-column:2}.welcome-opt b{font-size:16px}.welcome-desc{font-size:11px}}@media (max-height:650px){.hero-steps{display:none}.welcome-box>.brand{margin-bottom:16px}.welcome{align-items:flex-start}}@media (max-width:380px){.topbar .brand{font-size:18px}.header-mobile .fit-view-mobile{display:none}}.quiz-box{position:relative}.quiz-close{position:absolute;top:7px;right:8px;min-height:28px;width:28px;padding:0}.quiz-top{padding-right:15px}.workspace .ask-help{font-size:11px;color:#596b60;padding:7px 12px 0;line-height:1.45}.workspace .path-goal{font-size:13px;line-height:1.5;color:#435b4e;margin:10px 0}.workspace .path-actions{display:flex;gap:8px;margin-top:12px}.workspace .path-panel{max-height:min(60dvh,540px);overflow-y:auto}.workspace .path-calib p{font-size:13px;line-height:1.5}@media (max-width:600px){.workspace .ask-help{font-size:10px;padding-inline:8px}.workspace .path-panel{max-height:48dvh}}.workspace .card-description{padding:12px 20px;border-top:1px solid #dce3d5;font-size:16px;line-height:1.65;color:#354f40}.workspace .card-description summary{cursor:pointer;font-weight:650}.workspace .card-description p{max-width:75ch;margin:10px 0 4px}.workspace .path-panel{bottom:calc(175px + env(safe-area-inset-bottom))}@media (max-width:600px){.workspace .path-panel{bottom:calc(165px + env(safe-area-inset-bottom))}}.board-viewbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;pointer-events:none}.board-viewbar>*{pointer-events:auto}.view-switch{display:inline-flex;padding:3px;gap:3px;background:#fffef9;border:1px solid #cad7bf;border-radius:10px;box-shadow:0 4px 16px #243f3208}.view-switch button{min-height:40px;border:0;border-radius:7px;padding:8px 16px;font:inherit;font-size:13px;color:#3c5645;background:transparent;cursor:pointer}.view-switch button[aria-pressed=true]{background:#294b36;color:white}.board-viewbar select{max-width:min(360px,45%);min-height:44px;border:1px solid #cad7bf;border-radius:8px;background:#fffef9;padding:8px;color:#344e3a;font:inherit;font-size:12px}.workspace .canvas{top:68px}.workspace .card-q{margin:0;white-space:normal;line-height:1.4;font-size:17px;font-weight:600;overflow-wrap:anywhere}.card-parent{display:block;border:0;background:#f1f5e9;color:#44643c;width:100%;padding:12px 20px;text-align:left;cursor:pointer;font:inherit;font-size:13px;line-height:1.5}.card-answer{padding:20px 24px 6px;margin:0;font-size:19px;line-height:1.6;color:#263f31}.card-learning-actions{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid #e1e7d9;padding:16px 20px;align-items:flex-start}.card-learning-actions .btn{min-height:44px;font-size:13px}.card-more{flex:1 0 100%}.card-more summary{display:inline-flex;min-height:40px;align-items:center;cursor:pointer;padding:5px 10px;color:#536a58;font-size:13px;border-radius:6px}.card-more summary:after{content:" +";padding-left:8px}.card-more[open] summary:after{content:" −"}.card-more-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px}.card-explanation{padding:16px 24px;font-size:16px;line-height:1.7;color:#354f40}.card-explanation summary{cursor:pointer;font-weight:600;padding:6px 0}.card-explanation h3{font-size:16px;font-weight:650;margin:0}.card-explanation ol{padding-left:22px;margin:16px 0}.card-explanation li{margin:0 0 15px;padding-left:4px}.card-explanation p{margin:4px 0 14px}.card-explanation ul{padding-left:20px}.card-explanation ul li{margin-bottom:5px}.card-explanation .card-takeaway{border-left:3px solid #769954;padding:12px 16px;background:#eef4e1}.card-assumptions,.card-pitfall{margin:18px 0}.card-pitfall{padding:14px;background:#faf5e8;border-radius:8px}.card-pitfall p:last-child{margin-bottom:0}.card-selfcheck{border-top:1px solid #dce3d5;padding-top:12px;margin-top:12px}.card-followups{border-top:1px solid #e1e7d9;padding:16px 20px 20px}.card-followups h3{font-size:13px;margin:0 0 10px;color:#516847}.card-followups button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;text-align:left;background:transparent;color:#294b36;padding:12px 0;min-height:44px;border:0;border-bottom:1px solid #e0e8d7;font:inherit;font-size:14px;line-height:1.55;cursor:pointer}.card-expand{margin:0 20px 12px}.workspace .stage-wrap:has(.reading-mode){flex-direction:column;min-height:0;background:#f0f2e9}.workspace:has(.reading-mode){height:var(--reading-viewport-height,100dvh);min-height:0}.workspace .reading-mode{display:flex;flex-direction:column;min-height:100px}.reading-mode .board-viewbar{flex:0 0 auto;background:#f0f2e9}.workspace .reading-list{position:relative;inset:auto;flex:1 1;min-height:0;overflow:auto;overscroll-behavior:contain;cursor:auto;touch-action:auto;scroll-padding:16px}.reading-list .world{position:relative;inset:auto;transform:none!important;width:min(860px,100%);margin:0 auto;padding:4px 16px 24px}.workspace .reading-list .board-card{position:relative;left:auto!important;top:auto!important;width:100%;margin-bottom:20px;animation:none;scroll-margin-top:12px}.workspace .reading-list .board-card,.workspace .reading-list .card-body,.workspace .reading-list .card-body svg{touch-action:auto}.workspace .reading-card .card-head{cursor:auto;-webkit-user-select:text;-moz-user-select:text;user-select:text;padding:20px 24px}.workspace .reading-card .card-body{padding:8px 12px}.reading-mode .hero{top:90px}.workspace .stage-wrap:has(.reading-mode)>.askbar{position:relative;inset:auto;transform:none!important;width:auto;flex:0 0 auto;margin:0;padding:10px max(12px,calc((100% - 820px)/2)) calc(8px + env(safe-area-inset-bottom));background:#f8faf3;border-top:1px solid #d6e0cb;z-index:3}.workspace .stage-wrap:has(.reading-mode)>.path-panel{position:relative;inset:auto;transform:none;width:auto;flex:0 1 auto;min-height:45px;max-height:27dvh;margin:6px 12px;box-shadow:none;border-radius:8px}.workspace .stage-wrap:has(.reading-mode)>.status{position:relative;inset:auto;transform:none;width:auto;flex:0 0 auto;margin:5px 12px;box-shadow:none}.workspace .stage-wrap:has(.reading-mode) .askbar.kb-open .chips{display:none}.workspace .diagram-modal{width:min(1100px,96vw);max-width:none;max-height:90dvh;overflow:auto}.diagram-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.diagram-modal-head h2{overflow-wrap:anywhere}.diagram-modal-head .btn{flex-shrink:0;min-height:44px}.diagram-scroll{width:100%;max-height:65dvh;overflow:auto;background:white;border:1px solid #dce3d5;border-radius:8px;margin-top:16px}.diagram-scroll>svg{display:block;width:max(760px,100%);max-width:none;height:auto;touch-action:auto}.quiz-progress-text{font-size:13px;color:#435b4e;white-space:nowrap}.workspace .quiz-opt:disabled{opacity:1;cursor:default}.quiz-return-note{display:block;font-size:12px;margin-top:6px;line-height:1.5;color:#61715d}.quiz-repairs{margin:24px 0;text-align:left;border-top:1px solid #dce3d5}.quiz-repairs h3{font-size:16px;padding-top:16px}.quiz-repairs>div{margin:14px 0;padding:12px;background:#f3f5eb;border-radius:8px}.quiz-repairs .btn,.quiz-transfer{min-height:44px;font-size:13px}.quiz-q:focus,.quiz-score:focus{outline:none}.workspace .modal-box h2.quiz-score{font-size:48px}.workspace .reading-list .ghost-error-actions{flex-wrap:wrap}@media (max-width:760px){.board-viewbar{gap:6px;padding:8px 10px}.view-switch button{padding-inline:11px}.board-viewbar select{max-width:43%;font-size:11px}.reading-list .world{padding:4px 10px 16px}.workspace .reading-card .card-head{padding:16px}.card-answer,.workspace .card-q{font-size:17px}.card-answer{padding:16px 16px 4px}.card-explanation{padding:12px 16px}.card-followups,.card-learning-actions{padding:14px 16px}.workspace .card-description{padding:12px 16px}.card-learning-actions>.btn{flex:1 1 130px}.workspace .reading-list .board-card{border-radius:10px}.workspace .stage-wrap:has(.reading-mode) .chips{max-height:40px}.workspace .stage-wrap:has(.reading-mode) .ask-help{font-size:11px;padding-top:5px}.workspace .diagram-modal{width:100%;max-height:92dvh}}@media (max-height:650px){.workspace .stage-wrap:has(.reading-mode) .chips{display:none}.workspace .stage-wrap:has(.reading-mode)>.path-panel{max-height:22dvh}}.card-upgrade{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:20px 24px;background:#f4f1e5;border-bottom:1px solid #dedfcf;color:#354f3d;font-size:14px}.card-upgrade>div{flex:1 1 280px}.card-upgrade p{margin:6px 0 0;line-height:1.55}.card-upgrade .btn{flex-shrink:0}