:root[data-design="2"]{--page:#fbf7f1;--surface:#fffdf9;--surface-2:#f5efe6;--border:#5c403321;--text-1:#2b2530;--text-2:#5f5866;--muted:#8f8794;--grid:#ece4d8;--baseline:#d9cfc2;--accent:#6d4ee8;--accent-soft:#efeaff;--on-accent:#fff;--series-1:#6d4ee8;--series-2:#e0638f;--series-3:#2f9e76;--series-4:#d98a1c;--radius:16px;--shadow:0 1px 0 #5c40330d, 0 8px 22px #6d4ee812;--paper-line:#6d4ee80f;--tape-1:#d9ccff;--tape-2:#ffcfe0;--tape-3:#c6f0dc;--tape-4:#ffe2b0}@media (prefers-color-scheme:dark){:root[data-design="2"]:not([data-theme=light]){--page:#16131b;--surface:#211c28;--surface-2:#2a2433;--border:#ffffff17;--text-1:#f3eff7;--text-2:#c9c1d3;--muted:#958ca0;--grid:#2f2838;--baseline:#3d3547;--accent:#a58bff;--accent-soft:#2b2342;--on-accent:#16131b;--series-1:#a58bff;--series-2:#f29bbd;--series-3:#5fd0a4;--series-4:#f3b65c;--good-text:#5fd08a;--shadow:none;--paper-line:#ffffff08;--tape-1:#5b4a9e;--tape-2:#8c4a66;--tape-3:#2f7559;--tape-4:#8a6326}}:root[data-design="2"][data-theme=dark]{--page:#16131b;--surface:#211c28;--surface-2:#2a2433;--border:#ffffff17;--text-1:#f3eff7;--text-2:#c9c1d3;--muted:#958ca0;--grid:#2f2838;--baseline:#3d3547;--accent:#a58bff;--accent-soft:#2b2342;--on-accent:#16131b;--series-1:#a58bff;--series-2:#f29bbd;--series-3:#5fd0a4;--series-4:#f3b65c;--good-text:#5fd08a;--shadow:none;--paper-line:#ffffff08;--tape-1:#5b4a9e;--tape-2:#8c4a66;--tape-3:#2f7559;--tape-4:#8a6326}:root[data-design="2"] body{background-image:linear-gradient(var(--paper-line) 1px, transparent 1px), linear-gradient(90deg, var(--paper-line) 1px, transparent 1px);background-size:24px 24px}:root[data-design="2"] .btn,:root[data-design="2"] .seg,:root[data-design="2"] .seg button,:root[data-design="2"] .seg a{border-radius:999px}:root[data-design="2"] .brand-mark{background:linear-gradient(135deg, var(--accent), var(--series-2));border-radius:50%}:root[data-design="2"] .topnav a.on,:root[data-design="2"] .tabs button.on{border-radius:999px}:root[data-design="2"] .tabs button.on{background:var(--accent-soft);color:var(--accent);border-bottom-color:#0000}:root[data-design="2"] .tabs{padding-bottom:6px}:root[data-design="2"] .room-card{border-top:6px solid var(--tape-1);border-radius:18px}:root[data-design="2"] .room-card:nth-child(4n+2){border-top-color:var(--tape-2)}:root[data-design="2"] .room-card:nth-child(4n+3){border-top-color:var(--tape-3)}:root[data-design="2"] .room-card:nth-child(4n+4){border-top-color:var(--tape-4)}:root[data-design="2"] .msg-user{border-radius:18px 18px 6px}:root[data-design="2"] .msg-assistant{border-radius:18px}:root[data-design="3"]{--page:#f3f0e6;--surface:#fbfaf5;--surface-2:#ebe7da;--border:#1f4a3b26;--text-1:#1c2b25;--text-2:#4a5a53;--muted:#7b8780;--grid:#e0dccd;--baseline:#c9c4b2;--accent:#2f6b52;--accent-soft:#e1ede5;--on-accent:#fff;--series-1:#2f6b52;--series-2:#cf5a2f;--series-3:#2f7fa8;--series-4:#b98a12;--radius:10px;--board:#1f4a3b;--board-ink:#f1efe6;--board-soft:#f1efe6bf;--chalk:#e8c547;--wood:#a0703f}@media (prefers-color-scheme:dark){:root[data-design="3"]:not([data-theme=light]){--page:#16302a;--surface:#1d3b33;--surface-2:#23463d;--border:#f0eee421;--text-1:#f1efe6;--text-2:#c8d1c9;--muted:#93a39a;--grid:#2a4d43;--baseline:#36594e;--accent:#e8c547;--accent-soft:#2f4a32;--on-accent:#1c2b25;--series-1:#e8c547;--series-2:#f49b82;--series-3:#8fd3f0;--series-4:#f5d76e;--good:#8fe0a4;--good-text:#8fe0a4;--critical:#ff9090;--shadow:none;--board:#102620;--wood:#7a5530}}:root[data-design="3"][data-theme=dark]{--page:#16302a;--surface:#1d3b33;--surface-2:#23463d;--border:#f0eee421;--text-1:#f1efe6;--text-2:#c8d1c9;--muted:#93a39a;--grid:#2a4d43;--baseline:#36594e;--accent:#e8c547;--accent-soft:#2f4a32;--on-accent:#1c2b25;--series-1:#e8c547;--series-2:#f49b82;--series-3:#8fd3f0;--series-4:#f5d76e;--good:#8fe0a4;--good-text:#8fe0a4;--critical:#ff9090;--shadow:none;--board:#102620;--wood:#7a5530}:root[data-design="3"] .topbar{background:var(--board);border-bottom:4px solid var(--wood);color:var(--board-ink)}:root[data-design="3"] .topbar .brand,:root[data-design="3"] .topbar .link-btn{color:var(--board-ink)}:root[data-design="3"] .brand-mark{border:2px solid var(--chalk);color:var(--chalk);background:0 0}:root[data-design="3"] .topnav a{color:var(--board-soft)}:root[data-design="3"] .topnav a:hover{background:#ffffff14}:root[data-design="3"] .topnav a.on{color:var(--chalk);box-shadow:inset 0 -2px 0 var(--chalk);background:#ffffff1a;border-radius:6px 6px 2px 2px}:root[data-design="3"] .topbar .btn-primary{background:var(--chalk);border-color:var(--chalk);color:#1c2b25}@media (prefers-color-scheme:dark){:root[data-design="3"]:not([data-theme=light]) body{background-image:radial-gradient(60% 40% at 15% 8%,#ffffff0b,#0000 70%),radial-gradient(50% 35% at 85% 70%,#ffffff08,#0000 70%);background-attachment:fixed}}:root[data-design="3"][data-theme=dark] body{background-image:radial-gradient(60% 40% at 15% 8%,#ffffff0b,#0000 70%),radial-gradient(50% 35% at 85% 70%,#ffffff08,#0000 70%);background-attachment:fixed}:root[data-design="3"] .hero h1{text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--chalk) 70%, transparent);text-decoration-color:color-mix(in srgb, var(--chalk) 70%, transparent);text-underline-offset:6px;text-decoration-thickness:3px}:root[data-design="4"]{--page:#fff;--surface:#fff;--surface-2:#f1f1f1;--border:#0000004d;--text-1:#000;--text-2:#2b2b2b;--muted:#595959;--grid:#e2e2e2;--baseline:#9a9a9a;--accent:#3434c9;--accent-soft:#e7e7fb;--on-accent:#fff;--series-1:#3434c9;--series-2:#c2410c;--series-3:#0f7a54;--series-4:#a14b06;--good:#15803d;--good-text:#166534;--critical:#c21b1b;--radius:4px;--shadow:none;--edge:#000;--pop:#ff5b1f}@media (prefers-color-scheme:dark){:root[data-design="4"]:not([data-theme=light]){--page:#000;--surface:#0d0d0d;--surface-2:#1c1c1c;--border:#ffffff57;--text-1:#fff;--text-2:#dedede;--muted:#ababab;--grid:#262626;--baseline:#5a5a5a;--accent:#9a9aff;--accent-soft:#1d1d42;--on-accent:#000;--series-1:#9a9aff;--series-2:#ff8a4c;--series-3:#3ddc97;--series-4:#ffb347;--good:#4ade80;--good-text:#4ade80;--critical:#ff6b6b;--edge:#fff}}:root[data-design="4"][data-theme=dark]{--page:#000;--surface:#0d0d0d;--surface-2:#1c1c1c;--border:#ffffff57;--text-1:#fff;--text-2:#dedede;--muted:#ababab;--grid:#262626;--baseline:#5a5a5a;--accent:#9a9aff;--accent-soft:#1d1d42;--on-accent:#000;--series-1:#9a9aff;--series-2:#ff8a4c;--series-3:#3ddc97;--series-4:#ffb347;--good:#4ade80;--good-text:#4ade80;--critical:#ff6b6b;--edge:#fff}:root[data-design="4"] body{font-size:16px}:root[data-design="4"] h1,:root[data-design="4"] h2{letter-spacing:-.025em;font-weight:800}:root[data-design="4"] .hero h1{font-size:2.2rem}:root[data-design="4"] .btn{border:1.5px solid var(--edge);border-radius:4px;font-weight:600}:root[data-design="4"] .btn-primary{background:var(--edge);border-color:var(--edge);color:var(--page)}:root[data-design="4"] .btn-primary:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--on-accent)}:root[data-design="4"] .topbar{background:var(--page);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:2px solid var(--edge)}:root[data-design="4"] .brand-mark{background:var(--pop);color:#000;border-radius:2px}:root[data-design="4"] .topnav a.on{box-shadow:inset 0 -3px 0 var(--edge);background:0 0;border-radius:0}:root[data-design="4"] .tabs button.on{border-bottom-width:3px;border-bottom-color:var(--edge)}:root[data-design="4"] .room-card,:root[data-design="4"] .cards-hero,:root[data-design="4"] .set-card{border:2px solid var(--edge);box-shadow:4px 4px 0 var(--edge)}:root[data-design="4"] .room-card:hover{border-color:var(--edge);box-shadow:5px 5px 0 var(--pop);transform:translate(-1px,-1px)}:root[data-design="4"] :focus-visible{outline:3px solid var(--pop);outline-offset:2px}:root[data-design="4"] .msg-user{border-radius:4px}:root[data-design="4"] .msg-assistant{border-width:1.5px;border-radius:4px}@media screen{html:not([data-app=v2]):not(:has(.print-wrap)){font-size:16.5px}html:not([data-app=v2]):not(:has(.print-wrap)) body{font-size:1rem}html:not([data-app=v2]):not(:has(.print-wrap))[data-design="4"] body{font-size:17.6px}html:not([data-app=v2]):not(:has(.print-wrap)) .topbar{height:calc(3.73333rem + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(1.06667rem, env(safe-area-inset-right)) 0 max(1.06667rem, env(safe-area-inset-left));gap:1.06667rem}html:not([data-app=v2]):not(:has(.print-wrap)) .brand{gap:.533333rem}html:not([data-app=v2]):not(:has(.print-wrap)) .brand-mark{width:1.86667rem;height:1.86667rem}html:not([data-app=v2]):not(:has(.print-wrap)) .page{max-width:72rem;padding:2.13333rem 1.06667rem 4.26667rem}html:not([data-app=v2]):not(:has(.print-wrap)) .page.narrow{max-width:50.6667rem}html:not([data-app=v2]):not(:has(.print-wrap)) .hero{padding:1.6rem 0 2.13333rem}html:not([data-app=v2]):not(:has(.print-wrap)) .room-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:.8rem}html:not([data-app=v2]):not(:has(.print-wrap)) .room-card{gap:.266667rem;padding:1.06667rem}html:not([data-app=v2]):not(:has(.print-wrap)) .step{margin:1.06667rem 0;padding:1.33333rem}html:not([data-app=v2]):not(:has(.print-wrap)) .step-no{width:1.6rem;height:1.6rem}html:not([data-app=v2]):not(:has(.print-wrap)) .btn{gap:.4rem;padding:.533333rem .933333rem}html:not([data-app=v2]):not(:has(.print-wrap)) .btn-sm{padding:.333333rem .666667rem}html:not([data-app=v2]):not(:has(.print-wrap)) .input{padding:.6rem .8rem}html:not([data-app=v2]):not(:has(.print-wrap)) .auth{max-width:69.3333rem;padding:max(2.13333rem, env(safe-area-inset-top)) 1.33333rem 3.2rem;grid-template-columns:minmax(0,1.1fr) minmax(0,28rem);gap:3.2rem}html:not([data-app=v2]):not(:has(.print-wrap)) .auth.auth-single{grid-template-columns:minmax(0,28rem)}html:not([data-app=v2]):not(:has(.print-wrap)) .auth-card{gap:.933333rem;padding:1.6rem}html:not([data-app=v2]):not(:has(.print-wrap)) .auth-form{gap:.8rem}html:not([data-app=v2]):not(:has(.print-wrap)) .auth-submit{padding:.733333rem}html:not([data-app=v2]):not(:has(.print-wrap)) .room{height:calc(100dvh - 3.73333rem - env(safe-area-inset-top) - var(--notice-h,0px));grid-template-columns:19.3333rem minmax(0,1fr)}html:not([data-app=v2]):not(:has(.print-wrap)) .sidebar{gap:.933333rem;padding:1.33333rem 1.06667rem}html:not([data-app=v2]):not(:has(.print-wrap)) .unit-item{gap:.533333rem;padding:.533333rem}html:not([data-app=v2]):not(:has(.print-wrap)) .tabs{gap:.266667rem;padding:.666667rem 1.33333rem 0}html:not([data-app=v2]):not(:has(.print-wrap)) .tabs button{padding:.666667rem .933333rem}html:not([data-app=v2]):not(:has(.print-wrap)) .tab-body{padding:1.6rem}html:not([data-app=v2]):not(:has(.print-wrap)) .tab-body:has(>.chat-host:not([hidden])){padding:0}html:not([data-app=v2]):not(:has(.print-wrap)) .note,html:not([data-app=v2]):not(:has(.print-wrap)) .quiz,html:not([data-app=v2]):not(:has(.print-wrap)) .progress,html:not([data-app=v2]):not(:has(.print-wrap)) .concept-map{max-width:60rem}@media (width<=860px){html:not([data-app=v2]):not(:has(.print-wrap)) .page{padding:1.33333rem 1.06667rem 2.13333rem}html:not([data-app=v2]):not(:has(.print-wrap)) .hero{padding:.266667rem 0 1.2rem}html:not([data-app=v2]):not(:has(.print-wrap)) .step{padding:1.06667rem .933333rem}html:not([data-app=v2]):not(:has(.print-wrap)) .auth,html:not([data-app=v2]):not(:has(.print-wrap)) .auth.auth-single{grid-template-columns:minmax(0,1fr);gap:1.6rem}html:not([data-app=v2]):not(:has(.print-wrap)) .room{grid-template-columns:minmax(0,1fr);height:auto}html:not([data-app=v2]):not(:has(.print-wrap)) .room .tabs{top:calc(3.73333rem + env(safe-area-inset-top))}html:not([data-app=v2]):not(:has(.print-wrap)) .tab-body{padding:1.06667rem}html:not([data-app=v2]):not(:has(.print-wrap)) .input,html:not([data-app=v2]):not(:has(.print-wrap)) select,html:not([data-app=v2]):not(:has(.print-wrap)) textarea{font-size:17.6px}html:not([data-app=v2]):not(:has(.print-wrap)) .tabbar a{flex:1;min-width:0;padding-inline:.266667rem}html:not([data-app=v2]):not(:has(.print-wrap)) .app:not(.immersive){padding-bottom:calc(4.4rem + env(safe-area-inset-bottom))}html:not([data-app=v2]):not(:has(.print-wrap)) .study-guide-dock.is-member{bottom:calc(80px + env(safe-area-inset-bottom,0px))}html:not([data-app=v2]):not(:has(.print-wrap)) .study-guide-launcher.is-member{bottom:calc(82px + env(safe-area-inset-bottom,0px))}html:not([data-app=v2]):not(:has(.print-wrap)) .study-guide-widget.is-member{bottom:calc(150px + env(safe-area-inset-bottom,0px))}html:not([data-app=v2]):not(:has(.print-wrap)) .study-guide-widget.has-launcher.is-member{bottom:calc(202px + env(safe-area-inset-bottom,0px))}}}
