@import url('./assets/editor.css');
:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--bg:#f7f7fb;--surface:#fff;--surface-2:#f0eff7;--text:#27263e;--muted:#77758c;--line:#e6e5ef;--purple:#7663d8;--lavender:#eeeafa;--mint:#e0f0e8;--sidebar:246px;color-scheme:light;font-synthesis:none}
:root[data-theme=dark]{--bg:#171824;--surface:#212131;--surface-2:#2b2b40;--text:#eeedf9;--muted:#aaa6be;--line:#38374c;--purple:#b09bf7;--lavender:#353047;--mint:#283e36;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.6}button,input,textarea,select{font:inherit}a{color:var(--purple);text-decoration:none}button{cursor:pointer;border:0}button:disabled{opacity:.5;cursor:default}button svg,a svg{vertical-align:middle;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ad98ed;outline-offset:4px}h1,h2,h3{margin:0 0 15px;line-height:1.2;letter-spacing:-.035em}h1{font-size:42px;font-weight:720}h2{font-size:28px}h3{font-size:19px}p{margin:0 0 18px;color:var(--muted);line-height:1.85}small{font-size:11px}code,pre,kbd{font-family:"SFMono-Regular",Consolas,monospace}pre{padding:24px;background:#1c1d30;color:#e3def3;border:1px solid #34334e;border-radius:11px;white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;font-size:12px;line-height:1.8}p code{background:var(--surface-2);color:var(--text);padding:2px 5px;border-radius:4px}kbd{font-size:9px;border:1px solid currentColor;opacity:.65;padding:2px 5px;border-radius:4px;white-space:nowrap}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),textarea,select{padding:11px 13px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--surface);max-width:100%}input[type=range],input[type=checkbox],input[type=radio]{accent-color:var(--purple)}textarea{resize:vertical}hr{border:0;border-top:1px solid var(--line);margin:25px 0}fieldset{border:0;padding:0;margin:0 0 24px;min-width:0}blockquote{margin:20px 0;background:var(--lavender);border-left:3px solid var(--purple);padding:18px 22px;border-radius:0 9px 9px 0}
.primary,.secondary,.quiet,.text-link,.text-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:600;line-height:1.3;transition:background .15s,transform .15s}.primary,.secondary,.quiet{padding:13px 18px;border-radius:8px;min-height:43px;font-size:12px;white-space:nowrap;border:1px solid transparent}.primary{background:#7563d7;color:#fff;box-shadow:0 3px 10px #7463d720}.primary:hover{background:#6551c6;transform:translateY(-1px)}.secondary{background:var(--surface);color:var(--text);border-color:var(--line)}.secondary:hover{background:var(--lavender)}.quiet{color:var(--muted);background:transparent}.quiet:hover{background:var(--surface-2)}.small{min-height:33px;padding:8px 11px;font-size:10px}.text-link{font-size:12px}.text-button{font-size:10px;background:none;color:var(--purple);padding:4px}.icon-button{width:36px;height:36px;padding:7px;color:var(--muted);background:none;border-radius:7px}.icon-button:hover{background:var(--surface-2)}.eyebrow{display:block;color:var(--purple);font-weight:750;font-size:9px;letter-spacing:.16em;margin-bottom:11px}.subtle{color:var(--muted);font-size:11px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;left:16px;top:-100px;padding:14px;background:var(--surface);z-index:1000}.skip:focus{top:10px}.initial-loader{display:grid;place-content:center;text-align:center;min-height:100vh}.initial-loader strong{font-size:36px}.initial-loader span{color:var(--purple)}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#191a2d;color:#b3b5cc;padding:29px 19px 18px;display:flex;flex-direction:column;overflow:auto;z-index:50;scrollbar-width:thin}.brand{display:flex;align-items:center;gap:10px;padding:0 9px;margin-bottom:35px;color:#fff;font-size:24px;letter-spacing:-.04em;line-height:1.2}.brand strong{font-weight:750}.brand small{display:block;color:#9093ae;font-size:7px;letter-spacing:.19em;margin-top:6px;font-weight:650}.sidebar-caption{font-size:8px;letter-spacing:.17em;color:#767c98;font-weight:700;padding:0 13px;margin-bottom:11px}.main-nav,.track-nav{display:grid;gap:4px}.main-nav a{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:8px;color:#a6aac5;font-size:12px}.main-nav a:hover,.track-nav a:hover,.track-nav a.active{background:#24263c;color:#eeeaff}.main-nav a.active{background:#333049;color:#ede5ff}.main-nav a.active svg{color:#b19af6}.main-nav small{margin-left:auto;background:#44405c;color:#d3c7f2;padding:1px 5px;border-radius:4px;font-size:9px}.paths-caption{margin-top:29px}.track-nav a{display:flex;align-items:center;gap:10px;color:#979cb7;font-size:10px;padding:7px 13px;border-radius:6px}.track-dot{height:5px;width:5px;background:#a798dc;border-radius:50%;flex-shrink:0}.track-dot.t2,.track-dot.t8{background:#81b29b}.track-dot.t3,.track-dot.t7{background:#85a7c8}.track-dot.t4,.track-dot.t6{background:#c9a576}.track-dot.t5{background:#c49ab6}.sidebar-bottom{margin-top:auto;padding:29px 12px 0}.progress-label{display:flex;justify-content:space-between;font-size:10px}.progress-track{height:4px;background:#34374f;border-radius:10px;margin:10px 0 7px;overflow:hidden}.progress-track>div{height:100%;background:#ac9be7}.sidebar-bottom>small{font-size:9px;color:#777e99}.sidebar-help{display:flex;align-items:center;gap:8px;font-size:10px;color:#acb0c9;background:#26283f;width:100%;padding:12px 9px;margin-top:21px;border-radius:8px;text-align:left}.source-link{display:block;text-align:center;font-size:8px;color:#7e849e;margin-top:15px}.page-shell{margin-left:var(--sidebar);min-width:0}.topbar{height:77px;border-bottom:1px solid var(--line);background:var(--surface);padding:0 42px;display:flex;justify-content:space-between;align-items:center;gap:15px}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:12px}.breadcrumb{font-size:11px;color:var(--muted)}.search-trigger{display:flex;align-items:center;gap:11px;min-width:222px;background:var(--bg);color:var(--muted);border:1px solid var(--line);padding:9px 11px;font-size:10px;border-radius:8px}.search-trigger kbd{margin-left:auto}.learner-avatar{width:29px;height:29px;border-radius:50%;display:grid;place-content:center;background:#e7dff6;color:#8e75b6;font-size:11px;font-weight:700;margin-left:8px}.mobile-menu{display:none}main{outline:none;min-height:calc(100vh - 155px)}.route-view{padding:36px 42px 50px;max-width:1600px;margin:auto;animation:enter .2s ease}.site-footer{border-top:1px solid var(--line);padding:23px 42px;display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:9px}.site-footer>span:last-child{display:flex;gap:18px}.site-footer a{color:var(--muted)}
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:430px;position:relative;background:#eeebf8;border:1px solid #e4dff3;border-radius:19px;overflow:hidden;padding:43px 38px;color:#292642}.hero-copy{position:relative;z-index:2}.hero-eyebrow{display:flex;align-items:center;gap:6px;letter-spacing:.14em;font-size:7px;font-weight:750;color:#8a78a8}.hero-eyebrow i{width:5px;height:5px;background:#a994cf;border-radius:50%}.hero h1{font-size:clamp(40px,3.8vw,64px);letter-spacing:-.06em;line-height:1.07;font-weight:760;margin:22px 0 21px}.hero h1 em{font-style:normal;color:#8470cb}.hero-copy>p{font-size:12px;color:#82758f;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:19px;margin-top:23px}.hero-actions .primary{font-size:11px;padding:13px 15px}.hero-secondary{font-size:10px;font-weight:600;color:#756280}.hero-proof{display:flex;gap:15px;color:#95849e;font-size:8px;margin-top:23px}.hero-proof span{display:flex;align-items:center;gap:4px}.hero-art{position:relative;height:100%;min-height:345px;min-width:0}.orbit{position:absolute;border:1px solid #d8ccec88;border-radius:50%;width:350px;height:350px;left:7%;top:0}.orbit-two{width:430px;height:430px;left:-3%;top:-10%;border-style:dashed}.art-label{position:absolute;top:2%;right:0;font-size:7px;letter-spacing:.19em;font-weight:700;color:#a497b8}.art-code{position:absolute;left:0;top:44px;width:270px;padding-bottom:18px;border-radius:11px;background:#25243d;box-shadow:0 20px 35px #5e467c22;transform:rotate(-6deg);animation:floatcode 7s ease-in-out infinite}.art-window-dots{height:31px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;padding:0 12px;gap:4px}.art-window-dots i{height:4px;width:4px;background:#b493b7;border-radius:50%}.art-window-dots i:nth-child(2){background:#c5ba95}.art-window-dots i:nth-child(3){background:#8cba9c}.art-window-dots span{font-family:monospace;font-size:7px;color:#9386a6;margin-left:auto}.art-code code{display:block;font-size:10px;line-height:1.95;padding:15px 18px 0;color:#ac9eb9;white-space:nowrap}.art-code code span{color:#cbb1e4}.art-code code b{color:#b4d5c2;font-weight:400}.art-preview{position:absolute;right:-2px;top:102px;width:220px;background:#fff;border-radius:12px;overflow:hidden;padding-bottom:22px;text-align:center;box-shadow:0 17px 35px #62518524;transform:rotate(7deg);animation:floatpreview 8s ease-in-out infinite}.tiny-app-bar{display:flex;align-items:center;gap:6px;border-bottom:1px solid #eee9f4;padding:10px 12px;color:#97839f;font-size:7px}.tiny-app-bar i{margin-left:auto;font-style:normal;letter-spacing:1px}.mini-logo{display:grid;place-content:center;width:14px;height:14px;background:#ac9bdb;border-radius:4px;color:#fff;font-size:10px}.preview-plant{height:88px;display:grid;place-content:center;position:relative}.preview-plant span{font-size:55px;line-height:1;color:#b8a7de;z-index:1}.preview-plant i{position:absolute;width:40px;height:40px;background:#e1efe5;border-radius:50%;top:29px;left:52px}.preview-plant b{position:absolute;width:20px;height:20px;background:#f1ddc9;border-radius:50%;right:57px;top:23px}.art-preview>strong{font-size:14px;letter-spacing:-.03em;color:#3a2f48}.art-preview>p{font-size:7px;color:#a092a8;margin:6px 0 13px}.art-button{display:inline-flex;gap:25px;align-items:center;background:#af9edc;border-radius:5px;padding:8px 14px;color:#fff;font-size:8px}.art-platforms{position:absolute;bottom:24px;left:8%;display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:8px;color:#9280a6;padding:11px 16px;border:1px solid #fff;border-radius:25px;background:#ffffff99;backdrop-filter:blur(8px)}.art-platforms i{height:10px;width:1px;background:#d9cde8;margin:0 3px}.illustration-note{position:absolute;bottom:2px;width:100%;text-align:center;font-size:6px;color:#a89ab7}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:27px 10px;border-bottom:1px solid var(--line);margin-bottom:27px}.stats-strip>div{display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid var(--line)}.stats-strip>div:last-child{border:0}.stats-strip strong{font-size:25px;letter-spacing:-.05em;font-weight:650;line-height:1}.stats-strip span{font-size:10px;color:var(--muted)}.home-continue{display:flex;align-items:center;gap:18px;background:var(--surface);border:1px solid var(--line);padding:22px 24px;border-radius:13px;margin-bottom:40px}.continue-icon{width:51px;height:51px;display:grid;place-content:center;background:var(--lavender);border-radius:12px;color:#9982ca;flex-shrink:0}.home-continue .eyebrow{font-size:8px;margin-bottom:6px}.home-continue h2{font-size:19px;margin-bottom:6px}.home-continue p{font-size:10px;margin:0}.home-continue>.secondary{font-size:10px;margin-left:auto}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}.section-heading h2{font-size:28px;margin-bottom:10px}.section-heading p{font-size:12px;margin:0}.section-heading .text-link{font-size:11px;white-space:nowrap}.track-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.track-card{position:relative;display:flex;flex-direction:column;min-height:230px;padding:23px 22px 21px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--text);overflow:hidden;transition:transform .2s,border-color .2s}.track-card:hover{transform:translateY(-4px);border-color:#c6b4e5}.track-card-top{display:flex;align-items:center;gap:10px;margin-bottom:23px}.track-symbol{display:grid;place-content:center;width:39px;height:39px;background:var(--lavender);color:#927dc7;border-radius:10px}.t2 .track-symbol,.t8 .track-symbol{background:#e7f1eb;color:#82a88f}.t3 .track-symbol,.t7 .track-symbol{background:#e8edf6;color:#879fc0}.t4 .track-symbol,.t6 .track-symbol{background:#f4ecdf;color:#bba075}.t5 .track-symbol{background:#f1e6ed;color:#b48da9}.track-index{margin-left:auto;color:var(--line);font-size:28px;font-weight:750;line-height:1;letter-spacing:-.04em}.level{display:inline-flex;font-size:8px;font-weight:650;line-height:1.3;padding:4px 7px;border-radius:4px;white-space:nowrap;color:#8c78a5;background:#f0eaf8}.level.beginner{background:#eaf3ed;color:#6b8d77}.level.intermediate{background:#efeaf8;color:#8d77ad}.level.advanced{background:#f6eedf;color:#a0875e}.level.expert{background:#f4e7f1;color:#a3749e}.track-card h3{font-size:17px;margin-bottom:10px}.track-card p{font-size:11px;line-height:1.8;margin-bottom:22px}.track-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--muted);margin-top:auto}.card-progress{position:absolute;bottom:0;left:0;right:0;height:2px}.card-progress i{display:block;height:100%;background:#ac98d4}.method-section{display:grid;grid-template-columns:1fr 1.5fr;gap:35px;margin-top:48px;border-top:1px solid var(--line);padding-top:35px}.method-section h2{font-size:26px}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.method-grid>div>span{color:#b5a2cf;font-size:9px;font-weight:700}.method-grid h3{font-size:14px;margin:8px 0}.method-grid p{font-size:10px;line-height:1.7;margin:0}.reference-promo{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:35px;padding:28px;border-radius:14px;background:var(--mint)}.reference-promo>div>svg{float:left;margin:10px 20px 40px 0;color:#8aa891}.reference-promo .eyebrow{font-size:8px;color:#74937c;margin-bottom:7px}.reference-promo h2{font-size:21px;margin-bottom:8px}.reference-promo p{font-size:11px;margin:0;max-width:480px}.reference-promo .secondary{font-size:10px}
.page-heading{padding:10px 0 27px;max-width:850px}.page-heading h1{font-size:40px}.page-heading p{font-size:14px}.page-heading.compact{padding-bottom:17px}.filter-bar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:27px}.filter-chip{font-size:11px;font-weight:600;background:var(--surface);color:var(--muted);border:1px solid var(--line);padding:10px 16px;border-radius:22px}.filter-chip.active{color:var(--purple);background:var(--lavender);border-color:#c6b5e5}.back-link{display:inline-block;font-size:12px;margin-bottom:24px}.path-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:35px;border:1px solid var(--line);border-radius:17px;background:var(--lavender);margin-bottom:20px}.path-hero h1{font-size:36px}.path-hero p{font-size:13px;max-width:580px}.path-meta{display:flex;align-items:center;gap:18px;font-size:10px;color:var(--muted)}.path-progress{width:100px;flex-shrink:0;text-align:center}.path-progress strong{display:block;font-size:44px;color:var(--purple);letter-spacing:-.07em;font-weight:600}.path-progress small{font-size:18px}.path-progress span{font-size:10px;color:var(--muted)}.prerequisite{background:var(--surface);padding:15px 20px;border:1px solid var(--line);border-radius:9px;font-size:11px;color:var(--muted);margin-bottom:20px}.lesson-list{background:var(--surface);border:1px solid var(--line);border-radius:13px;overflow:hidden}.lesson-row{display:flex;align-items:center;gap:20px;color:var(--text);padding:24px;border-bottom:1px solid var(--line)}.lesson-row:last-child{border:0}.lesson-row:hover{background:var(--surface-2)}.lesson-number{width:38px;height:38px;display:grid;place-content:center;background:var(--surface-2);color:var(--muted);border-radius:9px;font-size:12px;flex-shrink:0}.lesson-number.complete{color:#6d957a;background:var(--mint)}.lesson-row h3{font-size:16px;margin-bottom:6px}.lesson-row p{font-size:11px;margin:0}.lesson-row-meta{margin-left:auto;padding-left:15px;font-size:10px;white-space:nowrap;color:var(--muted)}.path-end{text-align:center;padding:28px;font-size:13px}.path-end p{font-size:11px;margin:8px 0}.lesson-breadcrumb{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);margin-bottom:24px}.bookmark-button{display:grid;place-content:center;background:var(--surface);color:var(--muted);border:1px solid var(--line);width:34px;height:34px;border-radius:8px;margin-left:auto}.bookmark-button.saved{background:var(--lavender);color:var(--purple)}.bookmark-button.saved svg{fill:#d8c9ed}.lesson-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.lesson-heading h1{font-size:36px;margin-bottom:11px}.lesson-heading p{font-size:13px;margin:0;max-width:760px}.lesson-kicker{display:flex;align-items:center;gap:15px;color:var(--muted);font-size:9px;margin-bottom:16px}.lesson-kicker>span{display:inline-flex;align-items:center;gap:5px}.lesson-completion{font-size:12px;color:var(--purple);text-align:right;white-space:nowrap}.lesson-completion small{display:block;color:var(--muted);font-size:8px;margin-top:6px}.completion-badge{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:20px;color:#6b9277;background:var(--mint);font-size:10px}.lesson-tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);overflow:auto;scrollbar-width:none;margin-bottom:30px}.lesson-tabs a{display:flex;align-items:center;gap:8px;padding:0 1px 15px;color:var(--muted);white-space:nowrap;font-size:11px;border-bottom:2px solid transparent}.lesson-tabs a[aria-current]{color:var(--purple);border-bottom-color:var(--purple);font-weight:650}.reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 236px;gap:38px}.lesson-prose p{font-size:14px;line-height:1.95}.prediction-card{padding:23px 26px;border-radius:11px;background:var(--lavender);margin-bottom:33px}.prediction-card p{font-size:13px;margin:0;color:var(--text)}.concept{display:flex;gap:19px;margin:31px 0}.concept-number{font-size:11px;color:#b29ad1;font-weight:650;padding-top:6px}.concept h2{font-size:25px}.concept p{margin:0}.pitfall-card{background:var(--surface);padding:24px;border:1px solid var(--line);border-radius:11px;margin:31px 0}.pitfall-card strong{display:flex;align-items:center;gap:8px;font-size:12px}.pitfall-card p{font-size:12px;margin:10px 0 0}.transfer-card{margin:33px 0 25px;padding-top:28px;border-top:1px solid var(--line)}.transfer-card h2{font-size:24px}.transfer-card p{font-size:13px}.project-note{font-size:11px!important}.lesson-outline{align-self:start;position:sticky;top:25px;background:var(--surface);padding:23px;border:1px solid var(--line);border-radius:12px}.lesson-outline .eyebrow{font-size:8px}.lesson-outline p{display:flex;gap:8px;font-size:10px;line-height:1.9}.lesson-outline p svg{margin-top:4px;color:var(--purple);flex-shrink:0}.lesson-outline>small{display:block;margin-top:20px;font-size:8px;color:var(--muted);line-height:1.8}.lesson-outline .text-link{font-size:9px;margin-top:16px}.source-query{display:flex;align-items:center;gap:6px;font-size:10px;background:var(--lavender);padding:10px;border-radius:7px}.lesson-navigation{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:25px;margin-top:44px;font-size:11px}.lesson-navigation>a{max-width:46%}.lesson-navigation>a:last-child{text-align:right}.lesson-navigation>span{color:var(--muted)}
.lab-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;border:1px solid var(--line);border-radius:12px 12px 0 0;background:var(--surface)}.lab-toolbar>div{display:flex;align-items:center;gap:10px}.lab-toolbar strong{font-size:12px}.lab-toolbar .subtle{font-size:9px}.toolbar-actions{gap:4px!important}.lab-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;overflow:hidden}.editor-pane,.preview-pane{min-width:0}.editor-pane{background:#191a2b}.preview-pane{background:var(--surface-2);border-left:1px solid var(--line)}.pane-header{height:39px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;background:var(--surface);color:var(--muted);border-bottom:1px solid var(--line);font-size:10px}.pane-header>span{display:flex;align-items:center;gap:7px}.editor-pane .pane-header{background:#232337;color:#aaa5c1;border-color:#37334e}.pane-header .text-button{font-size:9px}.editor-pane .text-button{color:#ac99da}.device-controls{display:flex;align-items:center;gap:2px}.device-controls button{width:29px;height:27px;display:grid;place-content:center;background:none;color:var(--muted);border-radius:4px}.device-controls button.active{background:var(--lavender);color:var(--purple)}#editor-mount{height:430px;position:relative;min-width:0}#plain-editor{height:100%;width:100%;resize:none;border:0;border-radius:0;background:#191a2b;color:#e0dbee;font-family:monospace;font-size:12px;line-height:1.8;padding:18px}.editor-footer,.preview-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;padding:7px 12px;border-top:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:8px}.editor-footer{background:#222337;color:#968fab;border-color:#37334e}.editor-footer>span,.preview-footer>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-footer .text-button,.preview-footer .text-button{font-size:8px;white-space:nowrap}.preview-stage{height:430px;overflow:auto;display:flex;justify-content:safe center;align-items:stretch;padding:12px;background-image:radial-gradient(var(--line) .7px,transparent .7px);background-size:12px 12px}#runtime-mount{width:100%;height:100%;flex-shrink:0;background:#fff;border-radius:8px;overflow:hidden;transition:width .2s}#runtime-mount iframe{display:block;border:0;width:100%;height:100%;background:#fff}.runtime-intro{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;height:100%;max-width:440px;margin:auto;padding:26px;color:#3c3047}.runtime-intro strong{font-size:17px;letter-spacing:-.03em}.runtime-intro p{font-size:11px;color:#93869e;max-width:280px;margin:11px 0 21px}.runtime-intro small{font-size:8px;color:#aea0b6;line-height:1.9;max-width:250px;margin-top:16px}.runtime-intro .secondary{font-size:10px;background:#f7f3fc;color:#9072a4;border-color:#e8dcf2}.runtime-cube{width:54px;height:54px;display:grid;place-content:center;background:#eee5f8;color:#b59acc;border-radius:14px;transform:rotate(-7deg);font-size:30px;font-weight:750;margin-bottom:21px}.live-dot{display:inline-block;width:6px;height:6px;background:#85b095;border-radius:50%;flex-shrink:0}.live-dot.idle{background:#b8a4cf}.live-dot.error{background:#d48295}.run-output{font-family:monospace;font-size:10px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;padding:15px 17px;border-radius:8px;margin-top:13px;max-height:220px;overflow:auto}.run-output.success{background:var(--mint);color:#638775}.run-output.error{background:#f7e6ed;color:#a85571}.coach-panel{display:flex;align-items:flex-start;gap:17px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:23px;margin-top:22px}.coach-avatar{display:grid;place-content:center;width:35px;height:35px;background:var(--lavender);color:#b099cf;border-radius:10px;font-size:25px;flex-shrink:0}.coach-body{flex:1;min-width:0}.coach-body .eyebrow{font-size:8px;margin-bottom:7px}.coach-body h3{font-size:17px;margin-bottom:9px}.coach-body p{font-size:11px;margin-bottom:12px}.check-pill{display:inline-flex;align-items:center;gap:5px;font-size:8px;border-radius:5px;background:var(--surface-2);color:var(--muted);padding:6px 8px;margin:4px 5px 0 0;max-width:100%}.check-pill.passed{background:var(--mint);color:#668f76}.runtime-boundary{display:flex;gap:13px;padding:13px 4px;margin-top:16px;color:var(--muted);font-size:9px;line-height:1.9}.runtime-boundary strong{white-space:nowrap;font-size:8px;color:var(--text)}.playground-select{display:flex;align-items:center;gap:15px;margin-bottom:22px}.playground-select label{font-size:10px;color:var(--muted)}.playground-select select{flex:1;min-width:0;font-size:11px}.playground-select .text-link{font-size:10px}.lesson-anchor-line{background:#9b86db14;border-left:2px solid #b09cd7}.lesson-anchor-glyph:before{content:'◆';font-size:10px;color:#bba4e5;padding-left:6px}
.visual-heading{display:flex;justify-content:space-between;align-items:center;gap:25px}.visual-heading h2{font-size:28px}.visual-heading p{font-size:12px}.backend-badge{font-size:8px;color:var(--muted);padding:7px 12px;border:1px solid var(--line);border-radius:16px;white-space:nowrap}.flow-stage{position:relative;height:220px;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-top:16px}.flow-stage canvas{position:absolute;inset:0;width:100%;height:220px}.flow-nodes{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:25px;padding:0 35px}.flow-node{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px 12px;text-align:center;color:var(--text);transition:.2s}.flow-node.selected{background:var(--lavender);border-color:#c6b0e4;transform:translateY(-7px)}.flow-node span{display:block;font-size:9px;color:var(--purple);margin-bottom:9px}.flow-node strong{font-size:13px}.visual-controls{display:flex;align-items:center;gap:12px;padding:18px 0}.visual-controls label{margin-left:auto;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10px}.visual-controls input{width:95px}.stage-explanation{display:flex;gap:24px;padding:25px 29px;border-radius:12px;background:var(--lavender);min-height:125px}.stage-explanation>span{font-size:10px;color:var(--purple);white-space:nowrap;padding-top:5px}.stage-explanation h3{font-size:21px;margin-bottom:10px}.stage-explanation p{font-size:13px;margin:0}.experiment-card{margin-top:25px;padding:27px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.experiment-card h3{font-size:21px}.experiment-card p{font-size:12px}.experiment-card label{display:flex;align-items:center;gap:12px;margin:16px 0;font-size:11px;color:var(--muted)}.experiment-card input:not([type=checkbox]){flex:1;max-width:450px}.experiment-card output{display:block;padding:19px;background:var(--mint);color:#71937e;font-size:16px;border-radius:8px;margin-top:17px}.grid-model{display:grid;grid-template-columns:1fr 2fr;gap:12px}.grid-model>div{display:grid;place-content:center;padding:30px;border-radius:8px;background:var(--lavender);color:var(--purple)}.grid-model>div:last-child{background:var(--mint);color:#759681}
.quiz-layout,.notes-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:35px}.quiz-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:31px}.quiz-card h2{font-size:26px;margin-bottom:27px}.quiz-option{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid var(--line);border-radius:9px;margin-bottom:12px;cursor:pointer;font-size:12px}.quiz-option:hover{background:var(--surface-2)}.quiz-option:has(input:checked){background:var(--lavender);border-color:#c8b1e5}.quiz-option input{width:15px;height:15px;flex-shrink:0}.option-letter{display:grid;place-content:center;width:24px;height:24px;border:1px solid var(--line);border-radius:5px;font-size:10px;color:var(--muted);flex-shrink:0}.quiz-feedback{padding:20px;border-radius:9px;margin-top:25px;font-size:12px}.quiz-feedback p{font-size:12px;margin:9px 0}.quiz-feedback.correct{background:var(--mint)}.quiz-feedback.incorrect{background:var(--lavender)}.quiz-aside{padding:20px 4px}.large-spark{display:block;font-size:55px;line-height:1.3;color:#bba4d9;margin-bottom:20px}.quiz-aside h3{font-size:22px;line-height:1.4}.quiz-aside p{font-size:12px;line-height:1.9}.quiz-aside .text-link{font-size:11px}.notes-layout h2{font-size:27px}.notes-layout p{font-size:13px}.notes-layout textarea{width:100%;min-height:340px;display:block;margin:22px 0 10px;line-height:1.9;font-size:14px}.notes-layout small{font-size:10px;color:var(--muted)}.note-prompts{background:var(--lavender);border-radius:12px;padding:24px;align-self:start}.note-prompts h3{font-size:18px}.note-prompts p{font-size:11px;margin:20px 0}.recall-card{max-width:850px;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:38px}.recall-card h2{font-size:29px;margin:20px 0}.recall-card p{font-size:13px}.review-buttons{display:flex;gap:14px;margin:25px 0}.review-explanation{max-width:750px;padding:28px 0;font-size:12px}.review-explanation p{font-size:11px;margin-top:9px}
.reference-controls{display:flex;gap:13px;margin-bottom:20px}.search-field{display:flex;align-items:center;gap:12px;padding:4px 14px;background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--muted);flex:1;min-width:0}.search-field input{border:0!important;background:transparent!important;width:100%;padding-left:0!important;font-size:12px}.reference-controls select{font-size:11px}.reference-card{display:flex;align-items:center;gap:18px;background:var(--surface);padding:23px;border:1px solid var(--line);border-radius:11px;margin:12px 0;color:var(--text)}.reference-card:hover{border-color:#cbb5e5}.reference-card>div:nth-child(2){flex:1;min-width:0}.reference-card h3{font-size:17px;margin-bottom:9px;overflow-wrap:anywhere}.reference-card p{font-size:11px;line-height:1.8;margin-bottom:8px;overflow-wrap:anywhere}.reference-card small{font-family:monospace;font-size:8px;color:var(--muted);overflow-wrap:anywhere}.reference-icon{width:39px;height:39px;display:grid;place-content:center;background:var(--lavender);color:var(--purple);border-radius:9px;flex-shrink:0}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;padding:24px 0}.pagination>span{font-size:11px;color:var(--muted)}.document-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.document-top .back-link{margin:0}.document-top>div{display:flex;gap:8px;flex-wrap:wrap}.source-banner{background:var(--lavender);padding:18px 23px;border-radius:10px;font-size:11px;line-height:1.9;margin-bottom:30px}.source-banner small{font-size:9px;color:var(--muted)}.document-prose{max-width:920px}.document-prose h2{font-size:28px;margin-top:32px}.document-prose h3{font-size:22px;margin-top:28px}.document-prose p,.document-prose .md-list{font-size:13px;line-height:1.95;overflow-wrap:anywhere}.md-list{padding-left:20px;position:relative;color:var(--muted);margin:8px 0}.md-list:before{content:'•';position:absolute;left:4px;color:var(--purple)}.about-grid{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:40px}.about-side{align-self:start;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.about-side h3{font-size:18px}.about-side p{font-size:11px}.about-side a{display:block;margin-top:15px;font-size:11px}.empty-state{text-align:center;padding:60px 25px;background:var(--surface);border:1px solid var(--line);border-radius:15px;margin:20px 0}.empty-state h2{font-size:27px}.empty-state p{font-size:13px;max-width:580px;margin:0 auto 25px}
dialog{border:1px solid var(--line);border-radius:17px;background:var(--surface);color:var(--text);padding:35px;width:640px;max-width:calc(100vw - 28px);max-height:88vh;box-shadow:0 30px 100px #1a0e2644;overflow:auto}dialog::backdrop{background:#1c122880;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:14px;top:9px;font-size:25px;width:31px;height:31px;background:none;color:var(--muted)}dialog h2{font-size:29px}dialog p{font-size:12px}dialog pre{font-size:11px;max-height:420px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;padding:15px 0;border-bottom:1px solid var(--line)}.setting-row select{font-size:11px}.setting-row input[type=checkbox]{width:18px;height:18px}.settings-actions{display:flex;gap:12px;margin:24px 0 13px}.file-button{cursor:pointer}.file-button input{position:absolute;opacity:0;width:1px;height:1px}.danger-text{color:#c27d97;background:none;font-size:11px;padding:10px 0}#settings-feedback{font-size:12px;color:var(--muted);margin-top:10px}.search-results{max-height:55vh;overflow:auto;margin-top:17px}.search-results>a{display:flex;align-items:center;gap:13px;padding:14px 10px;border-radius:8px;color:var(--text)}.search-results>a:hover{background:var(--lavender)}.search-results>a>span{color:var(--purple)}.search-results>a>div{flex:1}.search-results strong{font-size:12px;font-weight:600}.search-results small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.search-results .search-reference{font-size:11px;color:var(--purple);border-top:1px solid var(--line);margin-top:10px}.glossary-result{padding:15px;background:var(--surface-2);border-radius:8px;margin:10px 0}.glossary-result p{font-size:11px;margin:5px 0 0}#toast{position:fixed;bottom:24px;left:calc(50% + var(--sidebar)/2);transform:translate(-50%,25px);max-width:calc(100vw - 40px);width:max-content;padding:13px 20px;border:1px solid #655477;border-radius:10px;background:#30253f;color:#f2e9fa;font-size:11px;opacity:0;pointer-events:none;z-index:200;transition:.2s}#toast.shown{opacity:1;transform:translate(-50%,0)}
:root[data-theme=dark] .hero{background:#2b253d;border-color:#453450;color:#f2eafa}:root[data-theme=dark] .hero-copy>p,:root[data-theme=dark] .hero-secondary{color:#b1a0c2}:root[data-theme=dark] .hero h1 em{color:#bea4f0}:root[data-theme=dark] .art-platforms{background:#352640;border-color:#61446d}:root[data-theme=dark] .track-symbol{background:var(--lavender)}:root[data-theme=dark] .level{filter:brightness(.85)}:root[data-theme=dark] .run-output.error{background:#462b3b;color:#edacc4}
@keyframes enter{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes floatcode{0%,100%{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(-5deg) translateY(-6px)}}@keyframes floatpreview{0%,100%{transform:rotate(7deg) translateY(0)}50%{transform:rotate(6deg) translateY(5px)}}
@media(min-width:1650px){.route-view{padding:45px 55px 65px}.hero{padding:55px 50px;min-height:490px}.hero h1{font-size:67px}.hero-copy>p{font-size:14px}.hero-art{max-width:600px}.art-code{left:6%;width:320px;top:57px}.art-code code{font-size:12px}.art-preview{right:5%;width:255px;top:120px}.art-preview>strong{font-size:17px}.preview-plant{height:105px}.art-platforms{left:20%}.track-card{padding:27px;min-height:250px}.track-card h3{font-size:20px}.track-card p{font-size:12px}.topbar{padding:0 55px}}
@media(max-width:1250px){:root{--sidebar:222px}.sidebar{padding-left:13px;padding-right:13px}.route-view{padding:29px 28px 42px}.topbar{padding:0 28px}.hero{padding:34px 28px;grid-template-columns:1.05fr 1fr}.hero h1{font-size:46px}.hero-art{transform:scale(.86);transform-origin:50% 50%}.art-code{left:-15px}.art-preview{right:-25px}.art-platforms{left:0}.hero-actions{gap:12px;flex-wrap:wrap}.hero-proof{font-size:7px;gap:9px}.track-card{padding:19px}.track-card h3{font-size:16px}.track-card-top{gap:7px}.track-symbol{width:34px;height:34px}.track-card .level{font-size:7px}.method-section{grid-template-columns:1fr;gap:17px}.reading-layout{grid-template-columns:minmax(0,1fr) 200px;gap:24px}.lesson-outline{padding:18px}.lesson-heading h1{font-size:32px}.lab-toolbar .subtle{display:none}.lab-toolbar .quiet{font-size:9px;padding:7px}.coach-panel>.secondary{font-size:9px}.flow-nodes{gap:18px;padding:0 24px}.flow-node strong{font-size:11px}.quiz-layout,.notes-layout{grid-template-columns:minmax(0,1fr) 200px;gap:24px}.about-grid{grid-template-columns:minmax(0,1fr) 210px;gap:25px}.site-footer{padding-left:28px;padding-right:28px}}
@media(max-width:1050px){:root{--sidebar:200px}.sidebar{padding:24px 10px 16px}.brand{font-size:21px;padding-left:7px}.brand img{width:31px;height:31px}.main-nav a{font-size:11px;padding:10px}.track-nav a{font-size:9px;padding:7px 10px}.hero{padding:30px 24px;min-height:395px}.hero h1{font-size:40px}.hero-eyebrow{font-size:6px}.hero-art{transform:scale(.74);transform-origin:40% 45%}.art-preview{right:-60px}.hero-actions{flex-direction:column;align-items:flex-start;gap:15px}.hero-proof{display:none}.hero-copy>p{font-size:11px}.hero-actions .primary{font-size:10px}.stats-strip span{font-size:8px}.stats-strip>div{gap:8px}.track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-continue p{display:none}.home-continue{padding:18px;gap:13px}.section-heading h2{font-size:24px}.reference-promo>div>svg{display:none}.reading-layout{grid-template-columns:1fr}.lesson-outline{position:static}.lesson-completion{display:none}.lab-toolbar{flex-wrap:wrap}.lab-toolbar>.toolbar-actions{margin-left:auto}.lab-grid{grid-template-columns:1fr}.preview-pane{border-left:0;border-top:1px solid var(--line)}#editor-mount{height:350px}.preview-stage{height:370px}.coach-panel{flex-wrap:wrap}.coach-panel>.secondary{margin-left:52px}.runtime-boundary{flex-direction:column;gap:3px}.quiz-layout,.notes-layout,.about-grid{grid-template-columns:1fr}.quiz-aside,.note-prompts{display:none}.topbar-actions{gap:5px}.search-trigger{min-width:0;width:190px}.breadcrumb{font-size:10px}.site-footer{flex-direction:column}}
@media(max-width:800px){:root{--sidebar:0px}.sidebar{width:248px;transform:translateX(-100%);transition:transform .2s;box-shadow:20px 0 80px #1c102b33}.nav-open .sidebar{transform:translateX(0)}.page-shell{margin-left:0}.topbar{height:66px;padding:0 21px}.mobile-menu{display:flex}.nav-open .mobile-menu{position:fixed;left:255px;top:15px;z-index:60;background:var(--surface)}.route-view{padding:26px 23px 35px}.hero{min-height:405px;padding:34px 28px}.hero h1{font-size:49px}.hero-eyebrow{font-size:7px}.hero-art{transform:scale(.9);transform-origin:45% 50%}.art-preview{right:-15px}.art-code{left:-6px}.hero-copy>p{font-size:12px}.stats-strip span{font-size:9px}.track-card{padding:22px}.track-card h3{font-size:19px}.home-continue p{display:block}.topbar-left{gap:9px}.hero-proof{display:none}.lesson-heading h1{font-size:34px}.site-footer{padding:22px 23px}.flow-node strong{font-size:12px}#toast{left:50%}}
@media(max-width:680px){.breadcrumb{display:none}.search-trigger{width:auto;background:none;border:0;padding:8px}.search-trigger span,.search-trigger kbd{display:none}.topbar-actions{gap:4px}.hero{grid-template-columns:1fr;min-height:0;padding:34px 27px 28px}.hero h1{font-size:50px}.hero-copy>p{font-size:13px}.hero-actions{flex-direction:row;align-items:center;gap:18px}.hero-art{height:320px;min-height:320px;transform:scale(.85);transform-origin:50% 45%;max-width:390px;width:100%;margin:5px auto -20px}.art-code{left:5px;top:28px;width:260px}.art-preview{right:0;top:79px;width:210px}.art-platforms{bottom:0;left:16%}.illustration-note{bottom:-20px;font-size:7px}.art-label{top:5px;right:10px}.hero-proof{display:flex;font-size:8px}.stats-strip{grid-template-columns:repeat(2,1fr);row-gap:23px;padding:26px 0}.stats-strip>div:nth-child(2){border:0}.stats-strip span{font-size:10px}.home-continue{flex-wrap:wrap;padding:20px;gap:14px}.home-continue>div:nth-child(2){flex:1;min-width:0}.home-continue>.secondary{width:100%;margin:0}.home-continue h2{font-size:19px}.continue-icon{width:43px;height:43px}.section-heading{align-items:flex-start;flex-direction:column;gap:13px}.section-heading h2{font-size:28px}.track-grid{grid-template-columns:1fr}.track-card{padding:25px;min-height:215px}.track-card h3{font-size:22px}.track-card p{font-size:12px}.track-card-meta{font-size:10px}.track-card .level{font-size:9px}.track-symbol{width:39px;height:39px}.track-index{font-size:30px}.method-grid{grid-template-columns:repeat(2,1fr);gap:23px}.method-section{margin-top:35px;padding-top:27px}.method-section h2{font-size:28px}.method-grid p{font-size:11px}.method-grid h3{font-size:16px}.reference-promo{flex-direction:column;align-items:stretch}.reference-promo h2{font-size:24px}.reference-promo p{font-size:12px}.reference-promo .secondary{font-size:11px}.page-heading h1{font-size:34px}.page-heading p{font-size:13px}.path-hero{padding:26px;gap:14px;align-items:flex-start}.path-hero h1{font-size:29px}.path-progress{width:55px}.path-progress strong{font-size:29px}.path-progress small{font-size:14px}.path-meta{flex-wrap:wrap;gap:9px;font-size:9px}.lesson-row{padding:18px;gap:13px;flex-wrap:wrap}.lesson-row>div{flex:1;min-width:0}.lesson-row-meta{margin-left:51px;padding:0;font-size:9px}.lesson-row>svg{margin-left:auto}.lesson-heading h1{font-size:31px}.lesson-heading p{font-size:12px}.lesson-breadcrumb{font-size:10px;gap:7px;margin-bottom:20px}.lesson-tabs{gap:23px;margin-bottom:24px}.lesson-tabs a{font-size:10px}.prediction-card{padding:20px}.concept{gap:13px}.concept h2{font-size:24px}.lesson-outline{padding:24px}.lesson-outline p{font-size:12px;margin:13px 0}.lesson-outline .eyebrow{font-size:9px}.lesson-outline>small{font-size:10px}.lesson-outline .source-query,.lesson-outline .text-link{font-size:11px}.lesson-navigation{font-size:10px}.lab-toolbar{padding:13px;gap:12px}.lab-toolbar>div{flex-wrap:wrap}.lab-toolbar>.toolbar-actions{margin:0;width:100%;justify-content:space-between}.lab-toolbar .quiet{font-size:9px;padding:8px 3px}.lab-toolbar .primary{font-size:10px;padding:9px}.lab-toolbar kbd{display:none}#editor-mount{height:360px}.preview-stage{height:380px}.coach-panel{padding:19px;gap:12px}.coach-body{flex-basis:calc(100% - 50px)}.coach-body p{font-size:12px}.coach-panel>.secondary{margin-left:47px}.check-pill{font-size:9px;line-height:1.6}.runtime-boundary{font-size:10px}.runtime-boundary strong{font-size:9px}.playground-select{flex-wrap:wrap;gap:9px}.playground-select label{width:100%}.playground-select select{flex-basis:100%;font-size:12px}.visual-heading{flex-direction:column;align-items:flex-start;gap:5px}.flow-nodes{gap:8px;padding:0 12px}.flow-node{padding:16px 5px;border-radius:8px}.flow-node strong{font-size:10px}.flow-node span{font-size:8px}.visual-controls{flex-wrap:wrap;gap:7px}.visual-controls label{width:100%;margin-top:6px;justify-content:flex-end}.stage-explanation{padding:23px 20px;gap:14px}.stage-explanation>span{font-size:8px}.stage-explanation p{font-size:12px}.experiment-card{padding:22px}.experiment-card label{flex-wrap:wrap}.experiment-card input:not([type=checkbox]){min-width:120px}.experiment-card output{font-size:13px}.quiz-card{padding:24px 20px}.quiz-card h2{font-size:24px}.quiz-option{padding:15px 12px;gap:10px}.quiz-card .primary{width:100%}.recall-card{padding:27px 23px}.recall-card h2{font-size:26px}.review-buttons{flex-direction:column}.reference-controls{flex-direction:column;gap:10px}.reference-card{padding:18px;gap:12px;align-items:flex-start}.reference-icon{width:30px;height:30px}.reference-card>svg{display:none}.document-top{flex-wrap:wrap}.document-top>div{gap:2px}.source-banner{padding:16px;font-size:10px}.source-banner small{overflow-wrap:anywhere}.site-footer>span:last-child{flex-wrap:wrap;gap:10px 17px}dialog{padding:29px 23px;width:calc(100vw - 26px)}dialog h2{font-size:26px}.settings-actions{flex-direction:column}.empty-state{padding:38px 23px}.filter-chip{font-size:10px;padding:9px 13px}}
@media(max-width:380px){.route-view{padding:22px 16px 30px}.hero{padding:28px 21px 22px}.hero h1{font-size:44px}.hero-art{transform:scale(.73);margin-top:-7px;margin-bottom:-30px;transform-origin:45% 45%}.art-code{left:-8px}.art-preview{right:-20px}.hero-proof{font-size:7px;gap:9px}.hero-eyebrow{font-size:6px}.path-progress{display:none}.lesson-heading h1{font-size:28px}.flow-nodes{padding:0 9px;gap:5px}.flow-node strong{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root[data-motion=off] *{animation:none!important;transition:none!important}
@media print{.sidebar,.topbar,.site-footer,.lesson-tabs,.lesson-navigation,.lesson-outline,.hero-art,.toolbar-actions,.visual-controls{display:none!important}.page-shell{margin:0}.route-view{padding:0}.reading-layout{display:block}body{background:#fff;color:#111}.lesson-prose p{color:#333}pre{background:#f4f4f4;color:#222;border-color:#ddd}.track-card{break-inside:avoid}dialog,#toast{display:none}}