:root{color-scheme:light;--bg:#f4f5fb;--surface:#ffffff;--surface-2:#f1f3fa;--ink:#1b1e2b;--muted:#5e6478;--line:#e2e5ef;--input:#ffffff;--blue:#3a6df0;--blue-rgb:58 109 240;--blue-deep:#2348c4;--blue-soft:#e7edff;--on-blue:#ffffff;--deep-rgb:40 48 90;--glass-rgb:255 255 255;--yellow:#f4c26b;--yellow-soft:#fff3de;--yellow-ink:#8a5800;--on-yellow:#3b2a06;--red:#e0474c;--red-soft:#fde8e8;--default:#fff7e6;--result:#eef2ff;--pink:#f6a9c6;--peach:#f8c9a0;--lavender:#b8a9f6;--aqua:#8fd8d6;--blue-a:#3a6df0;--blue-a-hover:#4c7cf5;--blue-a-press:#2f5fe0;--blue-tint:rgb(58 109 240/0.08);--blue-tint-2:rgb(58 109 240/0.14);--yellow-a:#f4c26b;--yellow-a-hover:#f6cc80;--yellow-a-press:#eab45a;--yellow-tint:rgb(244 194 107/0.2);--grad-blue:linear-gradient(135deg,#5b8cff,#3a6df0 55%,#4a5ff0);--grad-warm:linear-gradient(135deg,#fbd59a,#f4c26b 60%,#f2ad7e);--grad-aurora:linear-gradient(135deg,#f8b6cf,#f9d2b0 30%,#c9bdf7 65%,#9edbe0);--card-bg:rgb(255 255 255/0.66);--card-border:rgb(255 255 255/0.85);--card-edge:rgb(40 48 90/0.07);--glass-blur:saturate(170%) blur(22px);--shadow:0 1px 1px rgb(40 48 90/0.04),0 10px 30px -10px rgb(40 48 90/0.18);--shadow-lift:0 2px 4px rgb(40 48 90/0.05),0 22px 44px -14px rgb(40 48 90/0.28);--highlight:inset 0 1px 0 rgb(255 255 255/0.9);--ring:0 0 0 4px rgb(58 109 240/0.2);--lift:var(--shadow-lift);--page-glow:radial-gradient(60vmax 50vmax at 0% 0%,rgb(248 182 207/0.45),transparent 60%),radial-gradient(55vmax 45vmax at 100% 10%,rgb(201 189 247/0.42),transparent 60%),radial-gradient(60vmax 50vmax at 85% 100%,rgb(158 219 224/0.4),transparent 60%),radial-gradient(45vmax 40vmax at 10% 95%,rgb(249 210 176/0.38),transparent 60%);--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-spring:cubic-bezier(0.34,1.3,0.5,1);--ease-soft:cubic-bezier(0.4,0,0.2,1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#0e1018;--surface:#1a1d29;--surface-2:#222636;--ink:#eceef6;--muted:#a3a9bd;--line:#2f3447;--input:#141722;--blue:#6189f6;--blue-rgb:110 148 250;--blue-deep:#b3c8ff;--blue-soft:rgb(122 162 255/0.16);--deep-rgb:0 0 0;--glass-rgb:30 33 46;--yellow:#f2c26e;--yellow-soft:rgb(242 194 110/0.14);--yellow-ink:#f6d494;--on-yellow:#2a1d03;--red:#ff7a7f;--red-soft:rgb(255 122 127/0.14);--default:rgb(242 194 110/0.1);--result:rgb(122 162 255/0.1);--blue-a:#5b85f5;--blue-a-hover:#6d93f7;--blue-a-press:#4a74e6;--blue-tint:rgb(122 162 255/0.12);--blue-tint-2:rgb(122 162 255/0.2);--yellow-tint:rgb(242 194 110/0.16);--grad-blue:linear-gradient(135deg,#6f97ff,#4f7cf2 55%,#5b63ee);--grad-warm:linear-gradient(135deg,#f7cf8e,#eeb75e 60%,#e99c70);--card-bg:rgb(30 33 46/0.62);--card-border:rgb(255 255 255/0.08);--card-edge:rgb(255 255 255/0.04);--shadow:0 1px 1px rgb(0 0 0/0.3),0 14px 34px -12px rgb(0 0 0/0.6);--shadow-lift:0 2px 6px rgb(0 0 0/0.35),0 26px 50px -16px rgb(0 0 0/0.75);--highlight:inset 0 1px 0 rgb(255 255 255/0.06);--ring:0 0 0 4px rgb(122 162 255/0.28);--page-glow:radial-gradient(60vmax 50vmax at 0% 0%,rgb(190 80 140/0.22),transparent 60%),radial-gradient(55vmax 45vmax at 100% 10%,rgb(110 90 220/0.24),transparent 60%),radial-gradient(60vmax 50vmax at 85% 100%,rgb(40 150 170/0.2),transparent 60%),radial-gradient(45vmax 40vmax at 10% 95%,rgb(200 120 70/0.16),transparent 60%)}}:root[data-theme=dark]{color-scheme:dark;--bg:#0e1018;--surface:#1a1d29;--surface-2:#222636;--ink:#eceef6;--muted:#a3a9bd;--line:#2f3447;--input:#141722;--blue:#6189f6;--blue-rgb:110 148 250;--blue-deep:#b3c8ff;--blue-soft:rgb(122 162 255/0.16);--deep-rgb:0 0 0;--glass-rgb:30 33 46;--yellow:#f2c26e;--yellow-soft:rgb(242 194 110/0.14);--yellow-ink:#f6d494;--on-yellow:#2a1d03;--red:#ff7a7f;--red-soft:rgb(255 122 127/0.14);--default:rgb(242 194 110/0.1);--result:rgb(122 162 255/0.1);--blue-a:#5b85f5;--blue-a-hover:#6d93f7;--blue-a-press:#4a74e6;--blue-tint:rgb(122 162 255/0.12);--blue-tint-2:rgb(122 162 255/0.2);--yellow-tint:rgb(242 194 110/0.16);--grad-blue:linear-gradient(135deg,#6f97ff,#4f7cf2 55%,#5b63ee);--grad-warm:linear-gradient(135deg,#f7cf8e,#eeb75e 60%,#e99c70);--card-bg:rgb(30 33 46/0.62);--card-border:rgb(255 255 255/0.08);--card-edge:rgb(255 255 255/0.04);--shadow:0 1px 1px rgb(0 0 0/0.3),0 14px 34px -12px rgb(0 0 0/0.6);--shadow-lift:0 2px 6px rgb(0 0 0/0.35),0 26px 50px -16px rgb(0 0 0/0.75);--highlight:inset 0 1px 0 rgb(255 255 255/0.06);--ring:0 0 0 4px rgb(122 162 255/0.28);--page-glow:radial-gradient(60vmax 50vmax at 0% 0%,rgb(190 80 140/0.22),transparent 60%),radial-gradient(55vmax 45vmax at 100% 10%,rgb(110 90 220/0.24),transparent 60%),radial-gradient(60vmax 50vmax at 85% 100%,rgb(40 150 170/0.2),transparent 60%),radial-gradient(45vmax 40vmax at 10% 95%,rgb(200 120 70/0.16),transparent 60%)}html{background:var(--bg)}body{background:var(--page-glow),var(--bg);background-attachment:fixed;color:var(--ink);min-height:100vh}h1,h2,h3{letter-spacing:.01em}html.theme-switching *,html.theme-switching :after,html.theme-switching :before{transition:background-color .45s var(--ease-soft),border-color .45s var(--ease-soft),color .45s var(--ease-soft),fill .45s var(--ease-soft),box-shadow .45s var(--ease-soft)!important}.card,.class-card,.course-card,.login-card,.modal-card,.section,.side-nav,.stat,.table-wrap,.trend,details.lesson{background-color:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--card-border);box-shadow:var(--highlight),0 0 0 1px var(--card-edge),var(--shadow)}.card,.class-card,.course-card,.login-card,.modal-card{border-radius:22px}.stat{border-radius:18px}.class-card,.course-card,button.stat{transition:transform .5s var(--ease-spring),box-shadow .45s var(--ease-out),border-color .3s var(--ease-soft),background-color .3s var(--ease-soft)}.course-card:hover,a.class-card:hover,button.stat:hover{transform:translateY(-4px);box-shadow:var(--highlight),0 0 0 1px var(--card-edge),var(--shadow-lift)}.course-card:active,a.class-card:active,button.stat:active{transform:translateY(-1px) scale(.985);transition-duration:.22s}.appbar{background:rgb(var(--glass-rgb)/.62);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--card-border);box-shadow:0 1px 0 var(--card-edge),0 8px 24px -18px rgb(var(--deep-rgb)/.5)}.appbar,.appbar .brand{color:var(--ink)}.brand-mark{background:var(--grad-aurora);color:#fff;border-radius:12px;box-shadow:inset 0 1px 0 rgb(255 255 255/.6),0 4px 12px -2px rgb(200 140 200/.45);text-shadow:0 1px 2px rgb(120 60 120/.35)}.nav-links a,.nav-links button{color:var(--muted);transition:color .3s var(--ease-soft),background-color .3s var(--ease-soft)}.nav-links a.on,.nav-links a:hover,.nav-links button.on,.nav-links button:hover,.nav-menu.open .nav-menu-btn{color:var(--ink);background:transparent}.nav-links a:after,.nav-links button:after,.nav-links button:before{display:block;content:"";position:absolute;left:14px;right:14px;bottom:6px;height:3px;border-radius:3px;background:var(--grad-blue);transform:scaleX(0);opacity:0;transition:transform .45s var(--ease-spring),opacity .3s var(--ease-soft)}.nav-links button:after{display:none}.nav-links a.on:after,.nav-links button.on:before{transform:scaleX(1);opacity:1}.nav-links .count{background:var(--grad-warm);color:var(--on-yellow)}.nav-links .nav-menu-panel button:before{display:none}.user-chip{color:var(--muted)}.user-chip .avatar{background:var(--grad-aurora);color:#fff;text-shadow:0 1px 2px rgb(120 60 120/.35)}.user-chip button{background:rgb(var(--glass-rgb)/.7);background-image:none;border:1px solid var(--line);color:var(--ink);border-radius:999px;box-shadow:var(--highlight),0 2px 8px -4px rgb(var(--deep-rgb)/.18)}.user-chip button:hover:not(:disabled){background:var(--blue-tint);border-color:rgb(var(--blue-rgb)/.4)}.class-switch.on{background:var(--blue-tint);box-shadow:inset 0 -3px 0 var(--blue)}.class-switch .switch-label{color:var(--muted)}.appbar .class-switch select{border:1px solid var(--line);background-color:rgb(var(--glass-rgb)/.8);color:var(--ink);border-radius:999px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%237d8499' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.appbar .class-switch select:hover{background-color:var(--blue-tint);border-color:rgb(var(--blue-rgb)/.4)}.appbar .class-switch select:focus-visible{box-shadow:var(--ring)}.nav-menu-panel{background:rgb(var(--glass-rgb)/.88);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--card-border);border-radius:18px;margin-top:6px;box-shadow:var(--highlight),0 0 0 1px var(--card-edge),var(--shadow-lift);animation:menu-drop .38s var(--ease-spring)}.btn,button{border-radius:999px;transition:transform .5s var(--ease-spring),background-color .35s var(--ease-soft),border-color .35s var(--ease-soft),color .3s var(--ease-soft),box-shadow .45s var(--ease-out),filter .35s var(--ease-soft),opacity .3s var(--ease-soft)}.btn:not(.secondary):not(.go),button.big,button.start-btn,button:where(:not([class])){background-color:var(--blue-a);background-image:var(--grad-blue);border-color:transparent;color:#fff;box-shadow:inset 0 1px 0 rgb(255 255 255/.28),0 6px 16px -6px rgb(var(--blue-rgb)/.6)}.btn:not(.secondary):not(.go):hover,button.big:hover:not(:disabled),button.start-btn:hover:not(:disabled),button:where(:not([class]):hover:not(:disabled)){background-color:var(--blue-a-hover);filter:brightness(1.06) saturate(1.05);box-shadow:inset 0 1px 0 rgb(255 255 255/.3),0 12px 26px -8px rgb(var(--blue-rgb)/.7);transform:translateY(-2px)}.btn.go,button.go{background-color:var(--yellow-a);background-image:var(--grad-warm);border-color:transparent;color:var(--on-yellow);box-shadow:inset 0 1px 0 rgb(255 255 255/.4),0 6px 16px -6px rgb(234 160 70/.6)}.btn.go:hover,button.go:hover:not(:disabled){background-color:var(--yellow-a-hover);border-color:transparent;filter:brightness(1.04);box-shadow:inset 0 1px 0 rgb(255 255 255/.45),0 12px 26px -8px rgb(234 160 70/.65);transform:translateY(-2px)}.btn.secondary,button.secondary{background-color:rgb(var(--glass-rgb)/.72);background-image:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:var(--line);color:var(--ink);box-shadow:var(--highlight),0 2px 8px -4px rgb(var(--deep-rgb)/.18)}.btn.secondary:hover,button.secondary:hover:not(:disabled){background-color:rgb(var(--glass-rgb)/.95);border-color:rgb(var(--blue-rgb)/.35);color:var(--ink);box-shadow:var(--highlight),0 10px 22px -10px rgb(var(--deep-rgb)/.3);transform:translateY(-2px)}button.danger{border-radius:999px}button:disabled{filter:saturate(.4);opacity:.55}.btn:active,button:active:not(:disabled){transform:translateY(0) scale(.97)!important;transition-duration:.22s,.2s,.2s,.2s,.3s,.2s,.2s;transition-timing-function:var(--ease-out);box-shadow:inset 0 1px 0 rgb(255 255 255/.15),0 2px 6px -3px rgb(var(--deep-rgb)/.3)!important}.btn:not(.secondary):not(.go):active,button.big:active:not(:disabled),button.start-btn:active:not(:disabled),button:where(:not([class]):active:not(:disabled)){background-color:var(--blue-a-press);filter:brightness(.96)}.btn.go:active,button.go:active:not(:disabled){background-color:var(--yellow-a-press);filter:brightness(.97)}.btn.secondary:active,button.secondary:active:not(:disabled){background-color:var(--blue-tint-2)}.btn:after,button:after{width:16px;height:16px;margin:-8px 0 0 -8px;background:radial-gradient(circle,currentColor 0,transparent 70%)}.btn.rippling:after,button.rippling:after{animation:ripple-soft .9s var(--ease-out)}@keyframes ripple-soft{0%{opacity:.22;transform:scale(.4)}to{opacity:0;transform:scale(26)}}.lesson-rows>button:hover,.nav-links .nav-menu-panel button:active,.nav-links button:active,.nav-links button:hover,.role-tabs button:hover,.seg button:hover,.stepper button:hover,.tabs button:hover,button.ghost:hover{transform:none!important;box-shadow:none!important}.lesson-rows>button:active,.role-tabs button:active,.seg button:active,.tabs button:active{transform:scale(.98)!important}button.close-x{border-radius:999px;transition:transform .5s var(--ease-spring),background-color .3s var(--ease-soft)}.role-tabs,.seg,.tabs{background:rgb(var(--glass-rgb)/.5);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--card-border);box-shadow:inset 0 1px 2px rgb(var(--deep-rgb)/.06);border-radius:999px;padding:4px}.role-tabs button,.seg button,.tabs button{border-radius:999px;background-image:none;transition:background-color .4s var(--ease-soft),color .3s var(--ease-soft),box-shadow .4s var(--ease-out),transform .45s var(--ease-spring)}.role-tabs button.active,.seg button.on,.tabs button.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgb(var(--deep-rgb)/.08),0 6px 14px -6px rgb(var(--deep-rgb)/.25)}.role-tabs button:not(.active):hover,.seg button:not(.on):hover,.tabs button:not(.active):hover{background:rgb(var(--glass-rgb)/.6);color:var(--ink)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea{background-color:rgb(var(--glass-rgb)/.75);border:1px solid var(--line);color:var(--ink);border-radius:14px;transition:border-color .3s var(--ease-soft),box-shadow .35s var(--ease-out),background-color .3s var(--ease-soft)}input:focus,select:focus,textarea:focus{background-color:var(--surface);border-color:rgb(var(--blue-rgb)/.7);box-shadow:var(--ring);outline:none}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%233a6df0' fill-opacity='.12'/%3E%3Cpath d='M6.5 8.5 10 12l3.5-3.5' fill='none' stroke='%233a6df0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}select option{background:var(--surface);color:var(--ink)}input[type=checkbox],input[type=radio]{accent-color:var(--blue)}.choice-chips .choice,.choice-chips button{border-radius:14px;background:rgb(var(--glass-rgb)/.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--card-border);box-shadow:var(--highlight),0 0 0 1px var(--card-edge),0 2px 8px -4px rgb(var(--deep-rgb)/.15);color:var(--ink)}.choice-chips button:hover:not(:disabled){background:rgb(var(--glass-rgb)/.95);border-color:rgb(var(--blue-rgb)/.35);transform:translateY(-2px)}.choice-chips button.on{background:var(--grad-blue);color:#fff;border-color:transparent;box-shadow:inset 0 1px 0 rgb(255 255 255/.28),0 8px 18px -8px rgb(var(--blue-rgb)/.7)}.book-tile,.date-list li,.holiday-list li,.lesson-picks button,.name-tile,.page-grid li,.page-list a,.page-list>button,.round-step,.school-tile,.slide-list li{background-color:rgb(var(--glass-rgb)/.66);background-image:none;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--card-border);box-shadow:var(--highlight),0 0 0 1px var(--card-edge),0 6px 18px -10px rgb(var(--deep-rgb)/.25);color:var(--ink)}.book-tile,.lesson-picks button,.name-tile,.page-list a,.page-list>button,.school-tile{border-radius:20px}.book-tile:hover:not(:disabled),.lesson-picks button:hover:not(:disabled),.name-tile:hover:not(:disabled),.page-list a:hover,.page-list>button:hover:not(:disabled),.school-tile:hover:not(:disabled){background-color:rgb(var(--glass-rgb)/.92);border-color:rgb(var(--blue-rgb)/.3);transform:translateY(-3px);box-shadow:var(--highlight),0 0 0 1px var(--card-edge),var(--shadow-lift)}.book-tile.on,.lesson-picks button.on,.name-tile.on,.school-tile.on{background-image:var(--grad-blue);color:#fff;border-color:transparent}.today .meta{color:inherit;opacity:.78}.today-list button{background:rgb(255 255 255/.58);border:1px solid rgb(255 255 255/.75);color:#26203a;border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 14px -8px rgb(80 50 120/.4)}.today-list button:hover:not(:disabled){background:rgb(255 255 255/.8);transform:translateY(-2px)}.today-list .state{background:rgb(255 255 255/.7);color:#26203a}.today-list .state.todo{background:var(--grad-warm);color:var(--on-yellow)}.pill,.tag{border-radius:999px}.tag{background:var(--blue-tint-2);color:var(--blue-deep)}.tag.warn{background:var(--yellow-tint);color:var(--yellow-ink)}.notice,.ok{border-radius:16px;border-left-width:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ok{background:var(--blue-tint);box-shadow:inset 4px 0 0 var(--blue)}.notice{background:var(--yellow-tint);box-shadow:inset 4px 0 0 var(--yellow)}.stat.hot{background:linear-gradient(135deg,rgb(251 213 154/.35),rgb(242 173 126/.2)),var(--card-bg);border-color:rgb(244 194 107/.55)}.today{background:var(--grad-aurora);color:#26203a;border:1px solid rgb(255 255 255/.6);border-radius:26px;box-shadow:var(--highlight),0 20px 44px -18px rgb(160 110 190/.55)}.today .lesson-no,.today-list .state.todo{background:rgb(255 255 255/.55);color:#26203a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:root[data-theme=dark] .login-side{background:linear-gradient(135deg,#6b3d68,#6e4f3f 30%,#4b4386 65%,#2d6670)}:root[data-theme=dark] .login-side h1,:root[data-theme=dark] .login-side p{color:#f5f1fb}:root[data-theme=dark] .today{background:linear-gradient(135deg,#6b3d68,#6e4f3f 30%,#4b4386 65%,#2d6670);color:#f5f1fb;border-color:rgb(255 255 255/.1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .login-side{background:linear-gradient(135deg,#6b3d68,#6e4f3f 30%,#4b4386 65%,#2d6670)}:root:not([data-theme=light]) .login-side h1,:root:not([data-theme=light]) .login-side p{color:#f5f1fb}:root:not([data-theme=light]) .today{background:linear-gradient(135deg,#6b3d68,#6e4f3f 30%,#4b4386 65%,#2d6670);color:#f5f1fb;border-color:rgb(255 255 255/.1)}}table{border-color:var(--line)}th{background:rgb(var(--glass-rgb)/.55);color:var(--muted)}td,th{border-color:var(--line)}tbody tr{transition:background-color .3s var(--ease-soft)}tbody tr:hover{background:var(--blue-tint)}.overlay{background:rgb(var(--deep-rgb)/.22)!important;-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);animation:fade-in .4s var(--ease-soft)}.overlay .modal-card,.overlay>.card{background-color:rgb(var(--glass-rgb)/.86);animation:pop-in .55s var(--ease-spring)}@keyframes pop-in{0%{opacity:0;transform:translateY(18px) scale(.96);filter:blur(4px)}}main>*{animation:rise-in .55s var(--ease-out) both}main>:nth-child(2){animation-delay:.04s}main>:nth-child(3){animation-delay:.08s}main>:nth-child(n+4){animation-delay:.12s}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}}.side-nav{border-radius:22px}.side-link{border-radius:14px}.side-link.on{background:var(--grad-blue);color:#fff;box-shadow:0 8px 18px -8px rgb(var(--blue-rgb)/.7)}.answer-paper,.drawing-board,.paper,.sheet-paper,.worksheet,canvas{color-scheme:light}.theme-toggle{position:fixed;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));z-index:40;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px 0 6px;border-radius:999px;border:1px solid var(--card-border);background:rgb(var(--glass-rgb)/.72)!important;background-image:none!important;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--ink)!important;font-size:.85rem;box-shadow:var(--highlight),0 0 0 1px var(--card-edge),var(--shadow)!important}.theme-toggle .tt-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--grad-aurora);color:#fff;font-size:1rem;transition:transform .6s var(--ease-spring)}.theme-toggle:hover .tt-icon{transform:rotate(25deg)}body:has(main.answering) .theme-toggle,main.answering~.theme-toggle{display:none}@media print{.theme-toggle{display:none}}body{margin:0}.login{background-color:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--card-border);border-radius:28px;box-shadow:var(--highlight),0 0 0 1px var(--card-edge),var(--shadow-lift)}.login-side{background:var(--grad-aurora)}.login-side,.login-side h1,.login-side p{color:#2a2140}.login-side p{opacity:.8}.login-side:after{background:radial-gradient(circle at 30% 30%,rgb(255 255 255/.9),rgb(255 255 255/.15) 70%);box-shadow:0 0 0 18px rgb(255 255 255/.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.login-side .brand-mark{background:rgb(255 255 255/.55);color:#6a4c9c;text-shadow:none}.demo-strip{background:rgb(var(--glass-rgb)/.45);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--muted);border-bottom:1px solid var(--card-border)}.demo-strip strong{color:var(--ink)}.roles{background:rgb(var(--glass-rgb)/.5);border:1px solid var(--card-border);border-radius:999px;padding:3px}.roles button{border:0;color:var(--muted);background:transparent}.roles button:hover:not(:disabled){color:var(--ink);transform:none;box-shadow:none}.roles button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgb(var(--deep-rgb)/.08),0 6px 14px -6px rgb(var(--deep-rgb)/.25)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}.bar-slot{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows .45s var(--ease-soft),opacity .3s var(--ease-soft)}.bar-slot>div{min-height:0}.focus .bar-slot>div{overflow:hidden}.focus .bar-slot{grid-template-rows:0fr;opacity:0;pointer-events:none}.fill-screen,.fill-screen .answer-page,.fill-screen .answering{transition:padding .45s var(--ease-soft),max-height .45s var(--ease-soft)}.focus-brand{animation:brand-in .5s var(--ease-soft) both}@keyframes brand-in{0%{opacity:0;transform:translateY(-6px)}}.answer-clock{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;font-size:1.05rem;color:var(--blue-deep);background:rgb(var(--blue-rgb)/.12);border:1px solid rgb(var(--blue-rgb)/.28)}.answer-clock:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--blue);animation:clock-pulse 1.6s ease-in-out infinite}@keyframes clock-pulse{50%{opacity:.3}}.draw-wrap{background:#fff}@media (prefers-reduced-motion:reduce){.answer-clock:before,.bar-slot,.focus-brand{transition:none;animation:none}}.answer-layout.pc{position:relative;display:block;flex:1 1;min-height:0;min-width:0;--pc-glass:rgb(var(--glass-rgb)/0.72);--pc-line:color-mix(in srgb,var(--ink) 10%,transparent)}.pc-stage{inset:0;overflow:hidden;padding:0;-moz-user-select:none;user-select:none;-webkit-user-select:none;overscroll-behavior:contain}.pc-stage,.pc-stage .draw-wrap{position:absolute;touch-action:none}.pc-stage .draw-wrap{left:0;top:0;display:block;transform-origin:0 0;will-change:transform;border-radius:4px;box-shadow:0 1px 2px rgb(0 0 0/.08),0 12px 32px -12px rgb(0 0 0/.3)}.pc-stage .draw-wrap img{width:100%;height:100%}.pc-stage canvas{pointer-events:none}.pc-bar{position:absolute;z-index:3;margin:0;min-width:0;border:1px solid var(--pc-line);background:var(--pc-glass);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);box-shadow:var(--shadow);transition:opacity .3s var(--ease-soft)}.pc-bar:disabled{opacity:.55}.pc-top{top:10px;right:10px;gap:4px;padding:5px;border-radius:999px}.pc-side,.pc-top{display:flex;align-items:center}.pc-side{left:10px;top:50%;transform:translateY(-50%);max-height:calc(100% - 20px);flex-direction:column;gap:8px;padding:10px 6px;border-radius:18px}.pc-zoom{right:10px;bottom:10px;display:flex;align-items:center;gap:2px;padding:3px;border-radius:999px}.pc-bar button.pc-icon,.pc-bar button.pc-z,.pc-bar button.pc-zoom-pct{display:inline-flex;align-items:center;justify-content:center;min-height:0;width:44px;height:44px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--ink);box-shadow:none;font-size:1.1rem;transition:background .25s var(--ease-soft),color .25s var(--ease-soft),transform .25s var(--ease-spring)}.pc-bar button.pc-icon.sm{width:38px;height:38px}.pc-bar button.pc-zoom-pct{width:auto;min-width:56px;height:34px;padding:0 8px;font-size:.85rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--muted)}.pc-bar button.pc-z{width:34px;height:34px}.pc-bar button.pc-icon:hover:not(:disabled),.pc-bar button.pc-z:hover:not(:disabled),.pc-bar button.pc-zoom-pct:hover{background:color-mix(in srgb,var(--ink) 7%,transparent)}.pc-bar button.pc-icon.on{background:rgb(var(--blue-rgb)/.16);color:var(--blue)}.pc-bar button:disabled{opacity:.35}.pc-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.pc-icon.sm svg{width:21px;height:21px}.pc-bar button.pc-color{width:34px;height:34px;min-height:0;margin:0 5px;padding:0;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px rgb(0 0 0/.18),0 2px 6px rgb(0 0 0/.2)}.pc-bar button.pc-color:disabled{opacity:1;filter:none;cursor:default}.pc-slider{position:relative;flex:0 1 170px;width:26px;min-height:44px;border-radius:999px;background:color-mix(in srgb,var(--ink) 8%,transparent);cursor:ns-resize;touch-action:none;outline:none}.pc-slider:focus-visible{box-shadow:var(--ring)}.pc-slider[aria-disabled]{cursor:default}.pc-slider-fill{left:0;right:0;bottom:0;background:rgb(var(--blue-rgb)/.22)}.pc-slider-fill,.pc-slider-thumb{position:absolute;border-radius:999px}.pc-slider-thumb{left:2px;right:2px;height:22px;background:#fff;box-shadow:0 1px 4px rgb(0 0 0/.3);transition:transform .2s var(--ease-spring)}.pc-slider.active .pc-slider-thumb{transform:scale(1.15)}.pc-slider-preview{position:absolute;left:calc(100% + 18px);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;min-width:64px;min-height:64px;padding:8px;border-radius:16px;background:var(--pc-glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--pc-line);box-shadow:var(--shadow);pointer-events:none;animation:pc-pop .2s var(--ease-soft)}.pc-slider-preview i{display:block;border-radius:50%;border:1px solid color-mix(in srgb,var(--ink) 35%,transparent)}.pc-pct{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pc-pop{position:absolute;z-index:4;top:66px;right:10px;width:260px;max-height:calc(100% - 80px);overflow:auto;padding:12px;border-radius:20px;border:1px solid var(--pc-line);background:rgb(var(--glass-rgb)/.86);-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);box-shadow:var(--shadow-lift);transform-origin:top right;animation:pc-pop .26s var(--ease-soft)}@keyframes pc-pop{0%{opacity:0;transform:scale(.94)}}.pc-pop-title{margin:4px 2px 8px;font-size:.8rem;font-weight:700;color:var(--muted)}.pc-pop button.pc-brush{display:flex;align-items:center;gap:10px;width:100%;min-height:0;padding:8px 10px;margin-bottom:4px;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--ink);box-shadow:none;text-align:left}.pc-pop button.pc-brush:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}.pc-pop button.pc-brush.on{background:rgb(var(--blue-rgb)/.14);border-color:rgb(var(--blue-rgb)/.35)}.pc-brush svg{flex:none;width:96px;height:28px;border-radius:8px;background:#fff}.pc-brush span{display:flex;flex-direction:column;line-height:1.25}.pc-brush small{color:var(--muted);font-size:.75rem}.pc-sv{height:150px;border-radius:12px;cursor:crosshair}.pc-hue,.pc-sv{position:relative;touch-action:none}.pc-hue{height:20px;margin:12px 0 6px;border-radius:999px;background:linear-gradient(90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00);cursor:ew-resize}.pc-knob{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;border:3px solid #fff;box-shadow:0 1px 4px rgb(0 0 0/.4);pointer-events:none}.pc-hue .pc-knob{top:50%}.pc-swatches{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:6px;gap:6px;margin-bottom:6px}.pc-pop button.pc-swatch{width:100%;min-height:0;aspect-ratio:1;padding:0;border-radius:50%;border:1px solid rgb(0 0 0/.15);box-shadow:none}.pc-pop button.pc-swatch.on{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--blue)}.pc-toast{position:absolute;z-index:5;left:50%;top:14px;transform:translateX(-50%);padding:6px 16px;border-radius:999px;background:rgb(20 24 36/.78);color:#fff;font-size:.9rem;pointer-events:none;animation:pc-toast .9s var(--ease-soft) both}@keyframes pc-toast{0%{opacity:0;transform:translate(-50%,-6px)}15%,70%{opacity:1;transform:translate(-50%)}to{opacity:0}}@media (max-width:700px){.pc-bar button.pc-icon{width:40px;height:40px}.pc-pop{width:min(260px,calc(100% - 20px))}}.nav-menu-panel.cascade{display:block;min-width:0;width:190px;max-height:none;overflow:visible}.nav-menu-panel.cascade .nm-books{width:auto;padding-right:0;border-right:0;overflow:visible}.nm-book{position:relative}.nav-links .nav-menu-panel .nm-book>button.has-current:not(.on){box-shadow:inset 3px 0 0 var(--yellow)}.nm-fly{position:absolute;left:calc(100% + 10px);top:-8px;z-index:1;display:flex;flex-direction:column;gap:2px;min-width:240px;max-height:min(60vh,440px);overflow-y:auto;padding:8px;border-radius:18px;background:rgb(var(--glass-rgb)/.94);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--card-border);box-shadow:var(--highlight),0 0 0 1px var(--card-edge),var(--shadow-lift);animation:fly-in .3s var(--ease-spring);transform-origin:left top}.nm-book:has(.nm-fly):after{content:"";position:absolute;top:0;bottom:0;left:100%;width:12px}@keyframes fly-in{0%{opacity:0;transform:translateX(-6px) scale(.98)}}.nav-links .nav-menu-panel .nm-fly button.current{background:var(--yellow-tint);box-shadow:inset 3px 0 0 var(--yellow)}@media (max-width:720px){.nav-menu-panel.cascade{position:absolute;top:100%;left:0;right:auto;width:min(280px,calc(100vw - 24px))}.nm-fly{position:static;min-width:0;margin:2px 0 6px 14px;padding:4px;border-radius:12px;box-shadow:none;background:rgb(var(--blue-rgb)/.06);-webkit-backdrop-filter:none;backdrop-filter:none;animation:none}}@media (prefers-reduced-motion:reduce){.nm-fly{animation:none}}@media (max-height:560px),(max-width:720px){.bar-slot{position:relative}}.nav-links{align-content:flex-start}.nav-menu{align-self:flex-start}.nav-menu-panel.cascade{margin-top:2px}.cs-wrap{width:100%;height:100%;min-height:0;display:grid;place-items:center;cursor:default}.cs,.cs-wrap{container-type:size}.cs{position:relative;width:min(100cqw,177.78cqh);aspect-ratio:16/9;display:grid;grid-template-rows:12% minmax(0,1fr) auto;background:radial-gradient(120% 90% at 50% 8%,#2f3858 0,#161b30 55%,#0d1122 100%);color:#fff;overflow:hidden;-moz-user-select:none;user-select:none;-webkit-user-select:none}.cs.full{width:100%;height:100%;aspect-ratio:auto}.cs-wrap.full{container-type:normal}.cs-full{position:fixed;inset:0;z-index:200;display:flex;animation:cs-in .35s var(--ease-soft)}@keyframes cs-in{0%{opacity:0;transform:scale(.985)}}.cs-title{justify-self:center;align-self:center;margin:0;padding:.6cqh 5cqw;border-radius:999px;background:#92d050;color:#111;box-shadow:0 6px 24px rgb(146 208 80/.35);font-size:6.4cqh;font-weight:500;line-height:1.25;letter-spacing:.04em}.cs-spin{position:relative;flex:1 1;min-height:0;overflow:hidden;perspective:1400px;touch-action:none;cursor:-webkit-grab;cursor:grab}.cs-pieces{perspective:6000px}.cs-spin:before{content:"";position:absolute;left:18%;right:18%;bottom:6%;height:16%;background:radial-gradient(closest-side,rgb(0 0 0/.45),transparent);pointer-events:none}.cs-spin:active{cursor:-webkit-grabbing;cursor:grabbing}.cs-camera{position:absolute;left:50%;top:50%;width:0;height:0;transition:transform .1s linear}.cs-camera,.cs-camera div{transform-style:preserve-3d}.cs-piece{position:absolute;left:0;top:0;cursor:move;transition:transform .45s cubic-bezier(.22,1,.36,1)}.cs-piece.drag{transition:none}.cs-block{transition:transform .6s cubic-bezier(.22,1,.36,1);position:absolute;left:-32px;top:-32px;width:64px;height:64px}.cs-camera .cs-face{position:absolute;inset:0;border:2px solid #111;display:grid;place-items:center;transform-style:flat}.cs-block.unknown .cs-face{background:rgb(160 170 190/.3);border:2px dashed rgb(255 255 255/.75)}.cs-face span{font-size:30px;font-weight:800;color:#fff}.cs-block.glow .cs-face{box-shadow:inset 0 0 0 3px #fff,0 0 18px 4px rgb(255 255 255/.7)}.cs-tools{display:flex;flex-wrap:wrap;align-items:center;gap:1cqh 1cqw;padding:.8cqh 2cqw;font-size:max(12px,2.4cqh)}.cs-tools-label{font-weight:700}.cs-tools-label.muted{font-weight:400;color:rgb(255 255 255/.65)}.cs-tools button{min-height:0;padding:.6cqh 1.4cqw;border-radius:999px;border:1px solid rgb(255 255 255/.22);background:rgb(255 255 255/.1);color:#fff;font-size:inherit;font-weight:600;box-shadow:none}.cs-tools button:hover{background:rgb(255 255 255/.18)}.cs-tools button.on{background:#fff;border-color:#fff;color:#12172a}.cs-seg{display:inline-flex;padding:2px;gap:2px;border-radius:999px;background:rgb(255 255 255/.08)}.cs-tools .cs-seg button{border-color:transparent;background:transparent}.cs-tools .cs-seg button.on{background:#fff;color:#12172a}.cs-cols{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.4cqw;gap:1.4cqw;padding:0 2cqw;min-height:0}.cs-col{position:relative;display:flex;flex-direction:column;min-height:0;border-radius:2cqh;border:1px solid rgb(255 255 255/.1);background:rgb(255 255 255/.03);transition:border-color .3s,background .3s}.cs-col.cs-ok{border-color:rgb(80 200 120/.8);background:rgb(80 200 120/.12)}.cs-col.cs-no .cs-opt{opacity:.55}.cs-pieces{flex:56 1}.cs-opt{position:relative;flex:44 1;display:flex;min-height:0;border-top:1px dashed rgb(255 255 255/.14)}.cs-letter{position:absolute;left:1cqw;top:1cqh;z-index:1;display:grid;place-items:center;width:7cqh;height:7cqh;border-radius:50%;background:#92d050;color:#1d2433;font-size:4.6cqh;font-weight:800;pointer-events:none}.cs-mark{position:absolute;left:50%;bottom:.6cqh;transform:translateX(-50%);white-space:nowrap;padding:.3cqh 1.2cqw;border-radius:999px;background:rgb(18 23 42/.85);border:1px solid rgb(255 255 255/.25);font-size:max(12px,2.4cqh);pointer-events:none}.cs-mark b{margin-left:.3em}.cs-full>.cs-wrap{flex:1 1;height:auto}@media (prefers-reduced-motion:reduce){.cs-block,.cs-camera,.cs-piece{transition:none}}.slide-cube-thumb{display:grid;place-items:center;width:96px;aspect-ratio:16/9;border-radius:8px;font-size:2rem;background:radial-gradient(120% 90% at 50% 8%,#2f3858 0,#161b30 70%)}.cube-btn{position:absolute;right:14px;bottom:14px;z-index:5;min-height:44px;padding:8px 20px;border-radius:999px;border:0;background:linear-gradient(135deg,#5b8cff,#8a5bff);color:#fff;font-size:1.05rem;font-weight:700;box-shadow:0 8px 24px rgb(40 50 120/.45);cursor:pointer}.cube-btn.back{top:14px;bottom:auto;background:#fff;color:#12172a;box-shadow:0 4px 14px rgb(0 0 0/.3)}@container (max-width: 1000px){.cs-tools .cs-tools-label.muted{display:none}}.cs-tools{flex-wrap:nowrap;white-space:nowrap}.warn-text{color:var(--yellow-ink)}.weight-act{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.weight-act header{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin-bottom:6px}.weight-act table{table-layout:fixed;width:100%}.weight-act th:first-child{width:30%}.weight-act th:nth-child(2){width:9.5em}.weight-act th:nth-child(3){width:5em}.weight-input{width:5.5em}@media (max-width:640px){.weight-act th:first-child{width:34%}}.modal-card[hidden]{display:none!important}