:root{--star-blue: #3b6ff5;--star-blue-deep: #2c55c8;--star-blue-soft: #e8effe;--clear-green: #35b98b;--clear-green-soft: #e2f6ee;--coral: #ff7a59;--coral-soft: #ffece5;--sun-gold: #f5b84b;--sun-gold-soft: #fff4de;--soft-red: #e35d6a;--soft-red-soft: #fdeaec;--lavender: #7c5cff;--teal: #17a2a2;--mist-white: #f7f9fc;--night-blue: #14213d;--deep-grey: #243247;--grey-blue: #66758a;--m-unknown: #b6c1d2;--m-exposed: #7fa8c9;--m-understood: #3b6ff5;--m-basically: #35b98b;--m-stable: #17a2a2;--m-transferable: #f5b84b;--m-creative: #ff7a59;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-card: 16px;--radius-button: 12px;--radius-pill: 999px;--radius-inset: 10px;--tap-min: 44px;--motion-fast: .15s;--motion-base: .22s;--motion-slow: .4s;--motion-celebrate: .8s;--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--font-body: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Source Han Sans SC", "Noto Sans CJK SC", "Segoe UI", sans-serif;--font-num: ui-rounded, "SF Pro Rounded", "Segoe UI Variable Display", "PingFang SC", var(--font-body);--fs-xs: 12px;--fs-sm: 13px;--fs-base: 15px;--fs-md: 17px;--fs-lg: 20px;--fs-xl: 26px;--fs-hero: clamp(26px, 4vw, 38px);--lh-tight: 1.25;--lh-body: 1.65}:root,[data-theme=primary]{--bg: linear-gradient(180deg, #e9f1ff 0%, #f7f9fc 42%, #fff4e9 100%);--bg-flat: #f2f6fd;--bg-orb-1: rgba(59, 111, 245, .14);--bg-orb-2: rgba(245, 184, 75, .2);--bg-star: rgba(59, 111, 245, .35);--surface: #ffffff;--surface-alt: #f5f8ff;--surface-sunk: #eef3fc;--border: rgba(36, 50, 71, .08);--border-strong: rgba(36, 50, 71, .16);--text: #243247;--text-soft: #66758a;--text-faint: #97a4b6;--on-accent: #ffffff;--primary: var(--star-blue);--primary-soft: var(--star-blue-soft);--shadow-1: 0 2px 10px rgba(31, 58, 116, .07);--shadow-2: 0 10px 28px rgba(31, 58, 116, .12);--shadow-accent: 0 10px 24px rgba(59, 111, 245, .26);--track: #dfe7f5;--node-line: rgba(102, 117, 138, .35);--density: 20px;--card-radius: var(--radius-card)}[data-theme=junior]{--bg: radial-gradient(1200px 700px at 18% -10%, #23375f 0%, transparent 60%), linear-gradient(180deg, #101a30 0%, #14213d 55%, #0e1729 100%);--bg-flat: #101a30;--bg-orb-1: rgba(124, 92, 255, .18);--bg-orb-2: rgba(53, 185, 139, .12);--bg-star: rgba(230, 240, 255, .55);--surface: #1a2740;--surface-alt: #1f2f4d;--surface-sunk: #16223a;--border: rgba(184, 205, 240, .14);--border-strong: rgba(184, 205, 240, .28);--text: #e8eefb;--text-soft: #a6b7d2;--text-faint: #7b8aa6;--on-accent: #ffffff;--primary: #5b8cff;--primary-soft: rgba(91, 140, 255, .16);--shadow-1: 0 2px 8px rgba(4, 10, 22, .5);--shadow-2: 0 12px 30px rgba(4, 10, 22, .6);--shadow-accent: 0 10px 26px rgba(91, 140, 255, .28);--track: #2b3a57;--node-line: rgba(166, 183, 210, .4);--density: 14px;--card-radius: 12px;--motion-celebrate: .6s}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-body);color:var(--text);background:var(--bg-flat);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.planet-sky{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--bg);overflow:hidden}.planet-sky:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1.6px 1.6px at 12% 22%,var(--bg-star) 50%,transparent 51%),radial-gradient(1.2px 1.2px at 34% 12%,var(--bg-star) 50%,transparent 51%),radial-gradient(2px 2px at 58% 28%,var(--bg-star) 50%,transparent 51%),radial-gradient(1.4px 1.4px at 76% 16%,var(--bg-star) 50%,transparent 51%),radial-gradient(1.8px 1.8px at 88% 34%,var(--bg-star) 50%,transparent 51%),radial-gradient(1.2px 1.2px at 22% 62%,var(--bg-star) 50%,transparent 51%),radial-gradient(1.6px 1.6px at 46% 78%,var(--bg-star) 50%,transparent 51%),radial-gradient(1.2px 1.2px at 68% 66%,var(--bg-star) 50%,transparent 51%),radial-gradient(1.8px 1.8px at 92% 82%,var(--bg-star) 50%,transparent 51%);opacity:.7}.planet-sky:after{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(38% 34% at 14% 8%,var(--bg-orb-1) 0%,transparent 70%),radial-gradient(34% 30% at 88% 76%,var(--bg-orb-2) 0%,transparent 72%);filter:blur(6px)}h1,h2,h3,h4{margin:0;line-height:var(--lh-tight);font-weight:700;letter-spacing:-.01em}h1{font-size:var(--fs-hero)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}h4{font-size:var(--fs-md)}p{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.stack{display:flex;flex-direction:column;gap:var(--density)}.row{display:flex;align-items:center;gap:var(--space-3)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.wrap{flex-wrap:wrap}.grow{flex:1 1 auto;min-width:0}.grid-cards{display:grid;gap:var(--density);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.center{display:grid;place-items:center}.text-soft{color:var(--text-soft)}.text-faint{color:var(--text-faint)}.fs-sm{font-size:var(--fs-sm)}.fs-xs{font-size:var(--fs-xs)}.page{max-width:1180px;margin:0 auto;padding:calc(var(--space-5) + env(safe-area-inset-top)) var(--space-5) calc(var(--space-7) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--space-5)}.tappable{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-min);min-width:var(--tap-min);padding:0 var(--space-4);border-radius:var(--radius-button);border:1px solid transparent;background:var(--surface);color:var(--text);cursor:pointer;font-weight:600;transition:transform var(--motion-fast) var(--ease-out),box-shadow var(--motion-base) var(--ease-out),background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),filter var(--motion-fast) var(--ease-out)}.tappable:hover{background:var(--surface-alt)}.tappable:active{transform:scale(.97);filter:brightness(.98)}.tappable:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 45%,transparent)}.tappable[disabled],.tappable[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none}.tappable--primary{background:var(--primary);color:var(--on-accent);box-shadow:var(--shadow-accent)}.tappable--primary:hover{background:color-mix(in srgb,var(--primary) 88%,#000 12%)}.tappable--ghost{background:transparent;border-color:var(--border-strong)}.tappable--ghost:hover{background:var(--surface-alt)}.tappable--soft{background:var(--primary-soft);color:var(--primary)}.tappable--danger{background:var(--soft-red-soft);color:var(--soft-red)}.tappable--wide{width:100%}.tappable[data-busy=true]{pointer-events:none}.tappable[data-busy=true]:after{content:"";width:16px;height:16px;border-radius:50%;border:2px solid color-mix(in srgb,currentColor 30%,transparent);border-top-color:currentColor;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card-pressable{cursor:pointer;transition:transform var(--motion-fast) var(--ease-out),box-shadow var(--motion-base) var(--ease-out),border-color var(--motion-fast) var(--ease-out)}.card-pressable:hover{transform:translateY(-2px);box-shadow:var(--shadow-2);border-color:var(--border-strong)}.card-pressable:active{transform:translateY(0) scale(.995)}.card-pressable:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 45%,transparent)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--card-radius);box-shadow:var(--shadow-1);padding:var(--density);display:flex;flex-direction:column;gap:var(--space-3)}.card--flush{padding:0;overflow:hidden}.card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.card__title{display:flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--fs-md)}.card__title svg{color:var(--primary)}.card__body{display:flex;flex-direction:column;gap:var(--space-2)}.section-title{display:flex;align-items:baseline;gap:var(--space-3);font-size:var(--fs-lg);font-weight:700}.section-title small{font-size:var(--fs-sm);font-weight:500;color:var(--text-faint)}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,38%);gap:var(--space-5);align-items:stretch}.hero__text{display:flex;flex-direction:column;gap:var(--space-3)}.eyebrow{font-size:var(--fs-xs);font-weight:700;letter-spacing:.12em;color:var(--text-faint)}.lede{font-size:var(--fs-md);color:var(--text-soft)}.hero__stats{display:flex;flex-wrap:wrap;gap:var(--space-2)}.hero__map{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:230px;padding:var(--density);border-radius:var(--card-radius);border:1px solid var(--border);background:radial-gradient(70% 60% at 18% 8%,var(--bg-orb-1) 0%,transparent 70%),var(--surface);box-shadow:var(--shadow-1);overflow:hidden}.hero__plot{position:absolute;inset:var(--space-3) var(--space-3) 46px}.hero__svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero__node{position:absolute;width:11px;height:11px;transform:translate(-50%,-50%);border-radius:50%;background:color-mix(in srgb,var(--node-color) 26%,transparent);border:1px solid color-mix(in srgb,var(--node-color) 45%,transparent);transition:box-shadow var(--motion-base) var(--ease-out),background var(--motion-base) var(--ease-out)}.hero__node[data-lit=true]{background:var(--node-color);box-shadow:0 0 12px 1px color-mix(in srgb,var(--node-color) 50%,transparent)}.hero__map-label{position:relative;align-self:flex-start;display:inline-flex;align-items:center;gap:var(--space-3);padding:4px 12px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface) 80%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:var(--fs-sm);color:var(--text-soft)}.hero__spread{display:inline-flex;align-items:center;gap:var(--space-2)}.hero__state{display:inline-flex;align-items:center;gap:3px;font-size:var(--fs-xs)}.hero__state i{width:8px;height:8px;border-radius:50%;background:currentColor}.hero__state b{color:var(--text-soft)}.home-grid{display:grid;gap:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:start}.activity{display:flex;align-items:flex-end;gap:var(--space-2);height:108px}.activity__col{flex:1 1 0;min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px}.activity__bar{width:100%;max-width:26px;border-radius:6px 6px 3px 3px;background:linear-gradient(180deg,var(--primary) 0%,color-mix(in srgb,var(--primary) 45%,var(--surface)) 100%);transition:height var(--motion-slow) var(--ease-out)}.activity__day{font-size:10px;color:var(--text-faint)}.activity__min{font-size:var(--fs-xs);font-weight:700;color:var(--text-soft)}@media(max-width:1020px){.home-grid{grid-template-columns:1fr}}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero__map{min-height:190px}}.chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border-radius:var(--radius-pill);background:var(--surface-sunk);border:1px solid var(--border);font-size:var(--fs-xs);font-weight:600;color:var(--text-soft);white-space:nowrap}.chip--accent{background:var(--primary-soft);color:var(--primary);border-color:transparent}.chip--warn{background:var(--sun-gold-soft);color:#a5701a;border-color:transparent}.chip--danger{background:var(--soft-red-soft);color:var(--soft-red);border-color:transparent}.chip--ok{background:var(--clear-green-soft);color:#1d8b66;border-color:transparent}[data-theme=junior] .chip--warn{color:var(--sun-gold)}[data-theme=junior] .chip--ok{color:var(--clear-green)}.ladder{display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-2) 0 0}.ladder p{margin:0}.unlock-note{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--sun-gold-soft);color:#a5701a;font-size:var(--fs-sm);font-weight:600}.unlock-note span{display:inline-flex;align-items:center;gap:6px}[data-theme=junior] .unlock-note{color:var(--sun-gold)}.dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}.mastery{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);font-weight:700}.mastery__ladder{display:flex;gap:3px}.mastery__step{width:14px;height:6px;border-radius:3px;background:var(--track);transition:background var(--motion-base) var(--ease-out),transform var(--motion-base) var(--ease-spring)}.mastery__step[data-on=true]{background:var(--m-color, var(--primary))}.mastery__step[data-current=true]{transform:scaleY(1.9)}.mastery__label{color:var(--m-color, var(--text))}.mastery--lg{font-size:var(--fs-base)}.mastery--lg .mastery__step{width:22px;height:7px}.bar{height:8px;border-radius:var(--radius-pill);background:var(--track);overflow:hidden}.bar__fill{height:100%;border-radius:inherit;background:var(--primary);transition:width var(--motion-slow) var(--ease-out)}.bar__fill--gold{background:var(--sun-gold)}.bar__fill--green{background:var(--clear-green)}.task{position:relative;border:1px solid var(--border);border-radius:var(--card-radius);background:var(--surface);box-shadow:var(--shadow-1);padding:var(--density);display:grid;grid-template-columns:52px 1fr auto;gap:var(--space-4);align-items:center;overflow:hidden}.task:after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--task-color, var(--primary))}.task__icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--task-color, var(--primary)) 14%,var(--surface));color:var(--task-color, var(--primary))}.task__title{font-size:var(--fs-md);font-weight:700}.task__detail{font-size:var(--fs-sm);color:var(--text-soft);margin-top:2px}.task__meta{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap}.task[data-priority=high] .task__title:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--coral);margin-right:8px;vertical-align:middle}.task__time{font-family:var(--font-num);font-weight:700;color:var(--text-soft);font-size:var(--fs-sm);white-space:nowrap}[data-task=review]{--task-color: var(--coral)}[data-task=practice]{--task-color: var(--star-blue)}[data-task=learn]{--task-color: var(--clear-green)}[data-task=challenge]{--task-color: var(--sun-gold)}[data-theme=junior][data-task=practice]{--task-color: var(--primary)}.learn-grid{display:grid;gap:var(--space-5);grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start}@media(max-width:900px){.learn-grid{grid-template-columns:1fr}}.learn__head{display:flex;flex-direction:column;gap:var(--space-2)}.rail{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.rail__item{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-soft);font-size:var(--fs-xs);font-weight:600;cursor:pointer;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out)}.rail__item:hover{color:var(--text);border-color:var(--border-strong)}.rail__item--on{background:var(--primary);border-color:transparent;color:var(--on-accent);box-shadow:var(--shadow-accent)}.rail__dot{width:8px;height:8px;border-radius:50%;background:var(--m-unknown);flex:none}.rail__item[data-level=exposed] .rail__dot{background:var(--m-exposed)}.rail__item[data-level=understood] .rail__dot{background:var(--m-understood)}.rail__item[data-level=basically_mastered] .rail__dot{background:var(--m-basically)}.rail__item[data-level=stable] .rail__dot{background:var(--m-stable)}.rail__item[data-level=transferable] .rail__dot{background:var(--m-transferable)}.rail__item[data-level=creative] .rail__dot{background:var(--m-creative)}.rail__item--on .rail__dot{background:color-mix(in srgb,var(--on-accent) 80%,transparent)}.method__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--fs-sm)}.method__steps li{padding-left:var(--space-3);border-left:2px solid color-mix(in srgb,var(--primary) 35%,transparent)}.practice{border-color:color-mix(in srgb,var(--primary) 24%,var(--border));box-shadow:var(--shadow-2)}.material__section{display:flex;flex-direction:column;gap:var(--space-2)}.material__section+.material__section{padding-top:var(--space-4);border-top:1px dashed var(--border)}.material__kind{align-self:flex-start;font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;color:var(--kind-color, var(--text-faint));text-transform:uppercase}.material__body{font-size:var(--fs-base);color:var(--text)}.material__body--tip{background:var(--sun-gold-soft);border-radius:var(--radius-inset);padding:var(--space-3);color:#7c5410;font-size:var(--fs-sm)}[data-theme=junior] .material__body--tip{color:var(--sun-gold);background:color-mix(in srgb,var(--sun-gold) 12%,transparent)}.visual-frame{border-radius:var(--radius-inset);background:var(--surface-sunk);border:1px solid var(--border);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.group-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.group-count{font-size:var(--fs-sm);color:var(--text-soft);white-space:nowrap}.pip{width:18px;height:18px;border-radius:6px;background:color-mix(in srgb,var(--primary) 55%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 45%,transparent)}.pip--extra{background:color-mix(in srgb,var(--coral) 55%,var(--surface));border-color:color-mix(in srgb,var(--coral) 45%,transparent)}.bar-model{display:flex;gap:4px;height:52px}.bar-model__part{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:48px;border-radius:var(--radius-inset);background:color-mix(in srgb,var(--primary) 16%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 40%,transparent)}.bar-model__part[data-tail=true]{background:color-mix(in srgb,var(--coral) 16%,var(--surface));border-color:color-mix(in srgb,var(--coral) 40%,transparent)}.bar-model__value{font-size:var(--fs-md);font-weight:700}.bar-model__label{font-size:10px;color:var(--text-soft)}.question__prompt{font-size:var(--fs-md);font-weight:600;line-height:1.6;white-space:pre-wrap}.question__tag{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.answer-field{width:100%;min-height:var(--tap-min);padding:var(--space-3);border-radius:var(--radius-button);border:1.5px solid var(--border-strong);background:var(--surface-alt);transition:border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out);font-family:var(--font-num);font-size:var(--fs-md)}.answer-field::placeholder{color:var(--text-faint);font-family:var(--font-body)}.choices{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.blanks{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3);margin-top:var(--space-3)}.blank{display:flex;flex-direction:column;gap:4px;flex:1 1 10rem}.blank__label{font-size:var(--fs-xs);color:var(--text-faint)}.blank__input{min-width:0}.choice{display:flex;align-items:flex-start;gap:var(--space-3);min-height:var(--tap-min);padding:var(--space-3);border-radius:var(--radius-button);border:1.5px solid var(--border-strong);background:var(--surface-alt);color:var(--text);font-size:var(--fs-sm);line-height:1.5;text-align:left;cursor:pointer;transition:border-color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}.choice:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--border-strong))}.choice--on{border-color:var(--primary);background:var(--primary-soft)}.choice__key{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--surface);border:1px solid var(--border-strong);font-family:var(--font-num);font-weight:700;font-size:var(--fs-xs)}.choice--on .choice__key{border-color:var(--primary);color:var(--primary)}.choice__text{flex:1}.answer-field:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--border-strong))}.answer-field:focus{outline:none;border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,transparent)}.answer-field--multi{min-height:108px;font-family:var(--font-body);resize:vertical;line-height:1.7}.feedback{border-radius:var(--radius-inset);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);border:1px solid transparent;animation:rise var(--motion-base) var(--ease-out)}.feedback--correct{background:var(--clear-green-soft);border-color:color-mix(in srgb,var(--clear-green) 35%,transparent)}.feedback--wrong{background:var(--coral-soft);border-color:color-mix(in srgb,var(--coral) 40%,transparent)}[data-theme=junior] .feedback--correct{background:color-mix(in srgb,var(--clear-green) 16%,transparent)}[data-theme=junior] .feedback--wrong{background:color-mix(in srgb,var(--coral) 16%,transparent)}.feedback__head{display:flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--fs-md)}.feedback--correct .feedback__head{color:#1d8b66}.feedback--wrong .feedback__head{color:#d0552f}[data-theme=junior] .feedback--correct .feedback__head{color:var(--clear-green)}[data-theme=junior] .feedback--wrong .feedback__head{color:var(--coral)}.feedback__line{font-size:var(--fs-sm)}.feedback__label{font-weight:700;margin-right:6px}.feedback__answer{font-family:var(--font-num);font-weight:700}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hint-ladder{display:flex;flex-direction:column;gap:var(--space-2)}.hint-ladder__track{display:flex;align-items:center;gap:var(--space-2)}.hint-step{width:26px;height:8px;border-radius:var(--radius-pill);background:var(--track);transition:background var(--motion-base) var(--ease-out)}.hint-step[data-on=true]{background:var(--sun-gold)}.hint-note{font-size:var(--fs-xs);color:var(--text-faint)}.hint-bubble{background:var(--surface-sunk);border:1px dashed var(--border-strong);border-radius:var(--radius-inset);padding:var(--space-3);font-size:var(--fs-sm);display:flex;flex-direction:column;gap:var(--space-2)}.timer{display:flex;align-items:center;gap:var(--space-3)}.timer__ring{position:relative;width:46px;height:46px;flex:none}.timer__ring svg{transform:rotate(-90deg)}.timer__ring circle{fill:none;stroke-width:4}.timer__ring .track{stroke:var(--track)}.timer__ring .value{stroke:var(--primary);stroke-linecap:round;transition:stroke-dashoffset 1s linear}.timer__text{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-num);font-size:var(--fs-xs);font-weight:700}.timer[data-state=over] .value{stroke:var(--coral)}.timer[data-state=over] .timer__text{color:var(--coral)}.mistake{display:flex;flex-direction:column;gap:var(--space-3)}.mistake__compare{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.mistake__cell{border-radius:var(--radius-inset);padding:var(--space-3);background:var(--surface-sunk)}.mistake__cell--wrong{background:var(--soft-red-soft)}.mistake__cell--right{background:var(--clear-green-soft)}[data-theme=junior] .mistake__cell--wrong{background:color-mix(in srgb,var(--soft-red) 16%,transparent)}[data-theme=junior] .mistake__cell--right{background:color-mix(in srgb,var(--clear-green) 14%,transparent)}.mistake__cell small{display:block;font-size:var(--fs-xs);color:var(--text-faint);margin-bottom:2px}.mistake__cell span{font-family:var(--font-num);font-weight:700}.mistake__question{font-size:var(--fs-sm);color:var(--text-soft)}.evo{display:flex;align-items:center;gap:6px}.evo__step{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.evo__bar{height:6px;border-radius:3px;background:var(--track);transition:background var(--motion-base) var(--ease-out)}.evo__step[data-on=true] .evo__bar{background:var(--coral)}.evo__name{font-size:10px;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.evo__step[data-current=true] .evo__name{color:var(--coral);font-weight:700}.checklist{display:flex;flex-direction:column;gap:var(--space-2)}.checklist__item{display:grid;grid-template-columns:22px 1fr auto;gap:var(--space-3);align-items:center;padding:var(--space-3);border-radius:var(--radius-inset);background:var(--surface-sunk);border:1px solid var(--border)}.checklist__icon{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--track);color:var(--text-faint)}.checklist__item[data-rung=passed] .checklist__icon{background:var(--clear-green);color:#fff}.checklist__item[data-rung=pending] .checklist__icon{background:var(--sun-gold-soft);color:#a5701a}[data-theme=junior] .checklist__item[data-rung=pending] .checklist__icon{color:var(--sun-gold)}.checklist__label{font-size:var(--fs-sm);font-weight:600}.checklist__hint{font-size:var(--fs-xs);color:var(--text-faint)}.checklist__bar{margin-top:6px}.checklist__value{font-family:var(--font-num);font-size:var(--fs-sm);font-weight:700}.verdict{border-radius:var(--card-radius);padding:var(--density);display:flex;flex-direction:column;gap:var(--space-3);border:1px solid var(--border);background:var(--surface)}.verdict__head{display:flex;align-items:center;gap:var(--space-3);font-size:var(--fs-md);font-weight:700}.verdict__status{padding:4px 12px;border-radius:var(--radius-pill);font-size:var(--fs-xs);background:var(--primary-soft);color:var(--primary)}.verdict[data-status=promotion_ready]{border-color:color-mix(in srgb,var(--clear-green) 50%,transparent);box-shadow:var(--shadow-2)}.verdict[data-status=promotion_ready] .verdict__status{background:var(--clear-green);color:#fff}.verdict[data-status=review_required] .verdict__status,.verdict[data-status=needs_transfer] .verdict__status{background:var(--sun-gold-soft);color:#a5701a}.verdict__notice{margin:var(--space-2) 0 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-inset);background:color-mix(in srgb,var(--clear-green) 14%,transparent);font-size:var(--fs-sm);font-weight:600;color:var(--clear-green)}.pet{position:relative;display:grid;grid-template-columns:auto 1fr;gap:var(--space-4);align-items:center;border-radius:var(--card-radius);padding:var(--density);background:linear-gradient(135deg,color-mix(in srgb,var(--clear-green) 16%,var(--surface)) 0%,var(--surface) 55%);border:1px solid var(--border);box-shadow:var(--shadow-1);overflow:hidden}[data-theme=junior] .pet{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 18%,var(--surface)) 0%,var(--surface) 60%)}.pet__avatar{flex:none}.pet__name{font-weight:700;font-size:var(--fs-md)}.pet__form{font-size:var(--fs-xs);color:var(--text-soft)}.pet-hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-4) var(--space-5);align-items:start;border-radius:var(--card-radius);padding:var(--space-5);background:linear-gradient(135deg,color-mix(in srgb,var(--clear-green) 16%,var(--surface)) 0%,var(--surface) 55%);border:1px solid var(--border);box-shadow:var(--shadow-1)}[data-theme=junior] .pet-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 18%,var(--surface)) 0%,var(--surface) 60%)}.pet-hero__portrait{display:grid;justify-items:center;gap:6px;padding:0 var(--space-4)}.pet-hero__form{font-size:var(--fs-sm);font-weight:700;color:var(--text-soft)}@media(max-width:760px){.pet-hero{grid-template-columns:minmax(0,1fr);justify-items:center}}.pet-stages{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:0;padding:0}.pet-stages li{display:flex;flex-direction:column;gap:2px;padding:6px 12px;border-radius:var(--radius-inset);border:1px dashed var(--border-strong);background:var(--surface);color:var(--text-faint)}.pet-stages li[data-reached=true]{border-style:solid;border-color:color-mix(in srgb,var(--clear-green) 45%,transparent);background:color-mix(in srgb,var(--clear-green) 12%,var(--surface));color:var(--text-soft)}.pet-stages__name{font-size:var(--fs-xs);font-weight:700}.pet-stages__level{font-size:10px}.pet-attrs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-3) var(--space-5)}.pet-attr{display:grid;gap:4px}.pet__attrs{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--space-2)}.pet__attr{font-size:var(--fs-xs);padding:2px 8px;border-radius:var(--radius-pill);background:var(--surface-sunk);color:var(--text-soft);display:inline-flex;gap:4px;align-items:center}.pet__attr b{font-family:var(--font-num);color:var(--text)}.pet[data-pulse=true] .pet__avatar{animation:bounce var(--motion-celebrate) var(--ease-spring)}.pet[data-pulse=true]:after{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(circle at 30% 30%,rgba(245,184,75,.35),transparent 60%);animation:fadeout var(--motion-celebrate) var(--ease-out) forwards;pointer-events:none}@keyframes bounce{0%{transform:translateY(0) scale(1)}35%{transform:translateY(-10px) scale(1.06)}70%{transform:translateY(0) scale(.98)}to{transform:translateY(0) scale(1)}}@keyframes fadeout{to{opacity:0}}.assess__head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-5)}.assess__head .row{margin-top:var(--space-2)}.assess__timer{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:128px;padding:var(--space-3) var(--space-4);border-radius:var(--card-radius);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-1);font-size:var(--fs-xl);font-weight:800}.assess__timer small{font-size:var(--fs-xs);font-weight:500;color:var(--text-faint)}.assess__timer[data-left=low]{color:var(--soft-red);border-color:color-mix(in srgb,var(--soft-red) 45%,transparent)}.assess__sections{display:flex;flex-wrap:wrap;gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px dashed var(--border)}.assess__card{gap:var(--space-4)}.assess__map{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}.assess__map button{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-inset);border:1px solid var(--border);background:var(--surface);color:var(--text-faint);font:inherit;font-size:var(--fs-xs);font-weight:700;cursor:pointer;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out)}.assess__map button[data-done=true]{background:var(--primary-soft);color:var(--primary);border-color:transparent}.assess__map button[data-on=true]{outline:2px solid var(--primary);outline-offset:2px}.assess__result{gap:var(--space-4)}.assess__result[data-passed=true]{border-color:color-mix(in srgb,var(--clear-green) 45%,var(--border))}.assess__result[data-passed=false]{border-color:color-mix(in srgb,var(--sun-gold) 45%,var(--border))}.assess__score{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.assess__score>.num{font-size:clamp(42px,9vw,66px);font-weight:800;line-height:1;color:var(--primary)}.assess__by-section{display:flex;flex-direction:column;gap:var(--space-3)}.assess-entry{gap:var(--space-2);align-items:flex-start}.assess-entry>.tappable{align-self:flex-start}.chip[data-active=true]{background:var(--primary);color:var(--on-accent);border-color:transparent}.starmap{position:relative;border-radius:var(--card-radius);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-1);overflow:hidden}.starmap__canvas{position:relative;width:100%;aspect-ratio:16 / 10;background:radial-gradient(70% 60% at 20% 10%,var(--bg-orb-1) 0%,transparent 70%),radial-gradient(60% 60% at 85% 85%,var(--bg-orb-2) 0%,transparent 70%)}.starmap__canvas>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.edge{stroke:var(--node-line);stroke-width:1.4;stroke-dasharray:4 5;fill:none;transition:stroke var(--motion-base) var(--ease-out)}.edge[data-lit=true]{stroke:var(--clear-green);stroke-dasharray:none;stroke-width:2}.star-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer}.node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;cursor:pointer;padding:0;transition:transform var(--motion-fast) var(--ease-out)}.node:hover{transform:translate(-50%,-50%) scale(1.08)}.node:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:12px}.node__star{flex:none;color:var(--node-color, var(--m-unknown));fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;opacity:.5;transition:opacity var(--motion-base) var(--ease-out),fill var(--motion-base) var(--ease-out),filter var(--motion-base) var(--ease-out)}.node[data-lit=true] .node__star{opacity:1;fill:currentColor;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--node-color) 55%,transparent))}.node[data-selected=true] .node__star{stroke-width:2.6;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--node-color) 75%,transparent))}.node__name{font-size:var(--fs-xs);font-weight:600;color:var(--text-soft);white-space:nowrap;background:color-mix(in srgb,var(--surface) 78%,transparent);padding:1px 6px;border-radius:var(--radius-pill)}.node[data-selected=true] .node__name{color:var(--text)}.node__code{font-family:var(--font-num);font-size:10px;color:var(--text-faint)}.legend{display:flex;flex-wrap:wrap;gap:var(--space-3)}.legend__item{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);color:var(--text-soft)}.legend__star{flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;opacity:.6}.legend__star[data-lit=true]{fill:currentColor;opacity:1}.app{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}.app[data-collapsed=true]{grid-template-columns:76px minmax(0,1fr)}.app__main{min-width:0;display:flex;flex-direction:column}.boot{max-width:420px;margin:0 auto;padding:var(--space-7) var(--space-5)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-3);background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid var(--border);overflow:hidden}.sidebar .brand{align-items:center}.brand__text{font-weight:800;letter-spacing:.02em}.brand__text small{display:block;font-size:11px;font-weight:500;color:var(--text-faint);letter-spacing:0}.sidebar__toggle{align-self:flex-start;min-height:30px;padding:0 10px;font-size:var(--fs-xs)}.sidebar__nav{flex:1 1 auto;display:flex;flex-direction:column;gap:var(--space-2);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--track) transparent;padding-right:2px}.sidebar__nav::-webkit-scrollbar{width:6px}.sidebar__nav::-webkit-scrollbar-thumb{border-radius:3px;background:var(--track)}.sidebar__nav::-webkit-scrollbar-track{background:transparent}.sidebar__group{display:flex;flex-direction:column;gap:2px}.sidebar__label{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.sidebar__label--btn{width:100%;padding:2px 10px;border:none;border-radius:8px;background:none;font:inherit;color:var(--text-faint);cursor:pointer;text-align:left}.sidebar__label--btn:hover{background:var(--surface-alt);color:var(--text-soft)}.sidebar__caret{margin-left:auto;transition:transform var(--motion-fast) var(--ease-out)}.sidebar__group[data-open=true] .sidebar__caret{transform:rotate(90deg)}.sidebar__link{display:flex;align-items:center;gap:10px;min-height:32px;padding:0 10px;border-radius:var(--radius-inset);color:var(--text-soft);font-size:var(--fs-sm);font-weight:600;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.sidebar__group:not([data-open=true]) .sidebar__link{display:none}.sidebar__link svg{flex:none}.sidebar__link:hover{background:var(--surface-alt);color:var(--text)}.sidebar__link.active{background:var(--primary);color:var(--on-accent);box-shadow:var(--shadow-accent)}.sidebar__dot{width:8px;height:8px;margin:0 4px;border-radius:50%;background:var(--border-strong);flex:none}.sidebar__link.active .sidebar__dot{background:currentColor}.sidebar__count{font-family:var(--font-num);font-size:var(--fs-xs);color:var(--text-faint)}.sidebar__link.active .sidebar__count{color:inherit}.sidebar__foot{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-2);border-top:1px dashed var(--border)}.sidebar__account{margin-top:2px;padding-top:var(--space-2);border-top:1px dashed var(--border)}.sidebar__avatar{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-weight:800}.sidebar__text{min-width:0}.sidebar__text strong{display:block;font-size:var(--fs-sm)}.sidebar__text small{color:var(--text-faint);font-size:11px}.sidebar__logout{min-height:36px;font-size:var(--fs-sm)}.app[data-collapsed=true] .brand__text,.app[data-collapsed=true] .sidebar__label,.app[data-collapsed=true] .sidebar__link span:not(.sidebar__dot),.app[data-collapsed=true] .sidebar__logout span,.app[data-collapsed=true] .sidebar__text,.app[data-collapsed=true] .brand{display:none}.app[data-collapsed=true] .sidebar__toggle{display:grid;place-items:center;align-self:stretch}.app[data-collapsed=true] .sidebar__logout{justify-content:center;padding:0}@media(max-width:900px){.app .sidebar__toggle,.app[data-collapsed=true] .sidebar__toggle{display:none}}.login{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,430px);gap:var(--space-7);align-items:center;max-width:1080px;min-height:100vh;margin:0 auto;padding:var(--space-6) var(--space-5)}.login__aside{display:flex;flex-direction:column;gap:var(--space-4)}.login__aside h1{font-size:clamp(28px,4.4vw,44px)}.login__points{margin:0;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--fs-sm);color:var(--text-soft)}.login__card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--card-radius) + 4px);box-shadow:var(--shadow-2)}.login__field{display:flex;flex-direction:column;gap:6px}.login__field span svg{vertical-align:-2px;margin-right:4px}.input-field{min-height:var(--tap-min);padding:0 var(--space-4);border-radius:var(--radius-button);border:1.5px solid var(--border-strong);background:var(--surface-alt);color:var(--text);transition:border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 25%,transparent)}.login__error{display:flex;align-items:center;gap:6px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-inset);background:var(--soft-red-soft);color:var(--soft-red);font-size:var(--fs-sm)}[data-theme=junior] .login__error{background:color-mix(in srgb,var(--soft-red) 16%,transparent)}.login__demo{display:flex;flex-direction:column;gap:6px;padding-top:var(--space-3);border-top:1px dashed var(--border)}.login__demo-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:36px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-inset);background:var(--surface-alt);color:var(--text-soft);font-size:var(--fs-xs);text-align:left;cursor:pointer;transition:border-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.login__demo-item:hover{border-color:var(--border-strong);color:var(--text)}.login__demo-item[data-on=true]{border-color:var(--primary);color:var(--primary)}.login__demo-item small{color:var(--text-faint);font-weight:500}@media(max-width:900px){.login{grid-template-columns:1fr;gap:var(--space-5)}}.subject{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-4);border-top:1px dashed var(--border)}.subject__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--density)}.subject__card{align-items:flex-start}.subject__card[data-active=true]{border-color:color-mix(in srgb,var(--clear-green) 45%,var(--border));box-shadow:var(--shadow-2)}.subject__title{font-size:var(--fs-md)}.chip--btn{font:inherit;font-size:var(--fs-sm);cursor:pointer;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-soft)}.chip--btn:hover{background:var(--surface-alt);color:var(--text)}.chip--btn span{color:var(--text-faint)}.subject__pick{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin-top:var(--space-2);padding:var(--space-3);border-radius:var(--radius-inset);border:1px solid var(--border);background:var(--surface-sunk)}.subject__pick button[aria-pressed=true],.subject__pick button[data-on=true]{border-color:var(--primary);color:var(--primary)}.subject__switched{display:flex;align-items:center;gap:6px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-inset);background:color-mix(in srgb,var(--clear-green) 12%,transparent);color:var(--clear-green);font-size:var(--fs-sm);font-weight:600}.dash__kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--density)}.dash__kpi{display:flex;flex-direction:column;gap:4px;padding:var(--density);border-radius:var(--card-radius);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-1)}.dash__kpi-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.dash__kpi[data-tone=warn] .dash__kpi-icon{background:var(--sun-gold-soft);color:#a5701a}.dash__kpi[data-tone=ok] .dash__kpi-icon{background:var(--clear-green-soft);color:#1d8b66}[data-theme=junior] .dash__kpi[data-tone=warn] .dash__kpi-icon{color:var(--sun-gold)}.dash__kpi-label{font-size:var(--fs-xs);font-weight:700;letter-spacing:.06em;color:var(--text-faint)}.dash__kpi-value{font-size:var(--fs-xl);font-weight:800}.dash__kpi-value small{margin-left:4px;font-size:var(--fs-xs);font-weight:600;color:var(--text-faint)}.dash__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--density);align-items:start}.dash__units{display:flex;flex-direction:column;gap:var(--space-3)}.dash__unit{display:flex;flex-direction:column;gap:4px;padding:var(--space-3);border-radius:var(--radius-inset);background:var(--surface-sunk)}.dash__unit[data-active=true]{background:var(--primary-soft)}.dash__levels{display:flex;flex-direction:column;gap:var(--space-2)}.dash__unlocks{margin:var(--space-3) 0 0;padding-left:2px;list-style:none;display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--fs-sm);color:var(--text-soft)}.dash__unlocks li{display:flex;align-items:center;gap:6px}.dash__unlocks li span{white-space:nowrap}.dist__bar{display:flex;height:14px;border-radius:var(--radius-pill);overflow:hidden;background:var(--track)}.dist__seg{height:100%;transition:width var(--motion-slow) var(--ease-out)}.dist__seg+.dist__seg{border-left:2px solid var(--surface)}.dist__legend{display:flex;flex-wrap:wrap;gap:4px var(--space-3);margin:0;padding:0;list-style:none;font-size:var(--fs-xs);color:var(--text-soft)}.dist__item{display:inline-flex;align-items:center;gap:5px}.dist__item[data-counted=false]{color:var(--text-faint)}.dist__swatch{width:9px;height:9px;border-radius:3px;background:currentColor;flex:none}.dist__item[data-counted=false] .dist__swatch{opacity:.35}.dash__error{display:flex;flex-direction:column;gap:4px}.topbar{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb,var(--surface) 82%,transparent);border-bottom:1px solid var(--border)}.topbar__inner{max-width:1180px;margin:0 auto;padding:var(--space-3) var(--space-5);display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.brand{display:flex;align-items:center;gap:var(--space-3);font-weight:800;letter-spacing:.02em}.brand__mark{width:34px;height:34px;flex:none}.brand small{display:block;font-size:11px;font-weight:500;color:var(--text-faint);letter-spacing:0}.student-switch{display:flex;gap:4px;padding:4px;border-radius:var(--radius-pill);background:var(--surface-sunk);border:1px solid var(--border)}.student-switch button{min-height:36px;padding:0 12px;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--text-soft);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.student-switch button:hover{color:var(--text)}.student-switch button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.theme-toggle{margin-left:auto}.skeleton{border-radius:var(--radius-inset);background:linear-gradient(90deg,var(--surface-sunk) 25%,var(--surface-alt) 37%,var(--surface-sunk) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;min-height:60px}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6);text-align:center;color:var(--text-soft);border:1px dashed var(--border-strong);border-radius:var(--card-radius);background:color-mix(in srgb,var(--surface) 60%,transparent)}.empty svg{color:var(--text-faint)}.error-state{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--card-radius);background:var(--soft-red-soft);border:1px solid color-mix(in srgb,var(--soft-red) 35%,transparent);color:var(--soft-red);font-size:var(--fs-sm)}[data-theme=junior] .error-state{background:color-mix(in srgb,var(--soft-red) 14%,transparent)}.offline-hint{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);color:var(--sun-gold)}.tabs{display:flex;gap:4px;align-self:flex-start;padding:4px;border-radius:var(--radius-pill);background:var(--surface-sunk);border:1px solid var(--border)}.tabs [role=tab]{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--text-soft);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.tabs [role=tab]:hover{color:var(--text)}.tabs [role=tab][aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(420px,92vw);background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-2);padding:var(--space-5);overflow-y:auto;z-index:40;animation:slidein var(--motion-base) var(--ease-out)}@keyframes slidein{0%{transform:translate(24px);opacity:0}to{transform:none;opacity:1}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#080e1a66;z-index:30;animation:rise var(--motion-fast) var(--ease-out)}.drawer__bars{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.drawer__bar{display:flex;flex-direction:column;gap:6px}.drawer__list{margin:var(--space-2) 0 0;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--fs-sm);color:var(--text-soft)}.celebration{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;background:#080e1a8c;animation:rise var(--motion-base) var(--ease-out)}.celebration__card{width:min(460px,92vw);background:var(--surface);border-radius:calc(var(--card-radius) + 4px);border:1px solid var(--border);box-shadow:var(--shadow-2);padding:var(--space-6);text-align:center;display:flex;flex-direction:column;gap:var(--space-4);align-items:center;animation:pop var(--motion-celebrate) var(--ease-spring)}@keyframes pop{0%{transform:scale(.86) translateY(18px);opacity:0}60%{transform:scale(1.03);opacity:1}to{transform:none}}@media(max-width:720px){.page{padding:var(--space-4) var(--space-4) var(--space-7)}.task{grid-template-columns:44px 1fr}.task__time{grid-column:2}.mistake__compare{grid-template-columns:1fr}}