.sv-kicker{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-muted)}.sv-kicker:before{content:"";width:18px;height:2px;background:var(--fg-default)}.sv-sec-head{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-5);align-items:baseline;margin-bottom:var(--space-7)}.sv-sec-num{font-family:var(--mono);font-weight:700;font-size:var(--t-sm);letter-spacing:.14em;text-transform:uppercase;background:var(--fg-default);color:var(--bg-canvas);padding:6px 10px 5px;border-radius:var(--r-sm)}.sv-sec-title{font-family:var(--serif);font-weight:900;font-size:var(--t-2xl);line-height:.95;letter-spacing:-.02em;font-variation-settings:"SOFT" 30}.sv-sec-meta{font-family:var(--mono);font-size:var(--t-sm);color:var(--fg-muted)}.sv-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--sans);font-weight:700;font-size:15px;letter-spacing:.01em;padding:12px 18px;min-height:44px;border-radius:var(--r-full);border:1.5px solid var(--fg-default);background:var(--fg-default);color:var(--bg-canvas);text-decoration:none;transition:transform var(--dur-fast) var(--ease-snap),box-shadow var(--dur-fast) var(--ease-snap);box-shadow:3px 3px 0 var(--fg-default)}.sv-btn:hover:not(:disabled):not([aria-disabled=true]){transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--fg-default)}.sv-btn:active:not(:disabled):not([aria-disabled=true]){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--fg-default)}.sv-btn:disabled,.sv-btn[aria-disabled=true]{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.sv-btn .sv-btn-arrow{font-family:var(--mono);font-weight:700}.sv-btn--hero{background:var(--accent-hero);color:var(--accent-hero-ink);border-color:var(--fg-default);box-shadow:3px 3px 0 var(--fg-default)}.sv-btn--hero:hover:not(:disabled){box-shadow:4px 4px 0 var(--fg-default)}.sv-btn--coral{background:var(--status-danger);color:var(--coral-ink)}.sv-btn--cobalt{background:var(--status-info);color:var(--status-info-ink)}.sv-btn--ghost{background:transparent;color:var(--fg-default);box-shadow:none}.sv-btn--ghost:hover:not(:disabled){background:var(--fg-default);color:var(--bg-canvas);box-shadow:none;transform:none}.sv-btn--outline{background:transparent;color:var(--fg-default)}.sv-btn--pixel{background:var(--status-warn);color:var(--status-warn-ink);border-radius:6px;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:12px 16px}.sv-btn--sm{padding:7px 12px;font-size:12px;min-height:36px;box-shadow:2px 2px 0 var(--fg-default)}.sv-btn--sm:hover:not(:disabled){box-shadow:3px 3px 0 var(--fg-default)}.sv-btn--lg{padding:16px 24px;font-size:17px;min-height:52px}.sv-btn--icon{width:44px;height:44px;padding:0;border-radius:var(--r-full)}.sv-btn--loading{pointer-events:none;opacity:.8}.sv-btn-spinner{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:sv-spin .7s linear infinite}@keyframes sv-spin{to{transform:rotate(360deg)}}.sv-btn-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.sv-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:5px 9px;border-radius:var(--r-full);border:1px solid var(--fg-default);background:var(--bg-surface);color:var(--fg-default);white-space:nowrap}.sv-chip .sv-chip-dot{width:7px;height:7px;border-radius:50%;background:var(--fg-default)}.sv-chip--lime{background:var(--accent-hero);color:var(--accent-hero-ink)}.sv-chip--coral{background:var(--status-danger);color:var(--coral-ink)}.sv-chip--cobalt{background:var(--status-info);color:var(--status-info-ink)}.sv-chip--hazard{background:var(--status-warn);color:var(--status-warn-ink)}.sv-chip--ghost{background:transparent}.sv-chip--ink{background:var(--fg-default);color:var(--bg-canvas)}.sv-card{background:var(--bg-surface);border:1.5px solid var(--fg-default);border-radius:var(--r-lg);padding:var(--space-5);color:var(--fg-default);position:relative}.sv-card--raised{box-shadow:var(--shadow-card)}.sv-card--dark{background:var(--bg-inverse);color:var(--fg-inverse)}.sv-card--dark .sv-card-title{color:var(--fg-inverse)}.sv-card--dark .sv-card-sub{color:var(--fg-inverse-muted);opacity:1}.sv-card--signal-lime{background:var(--accent-hero);color:var(--accent-hero-ink)}.sv-card--signal-lime .sv-card-title,.sv-card--signal-lime .sv-card-sub{color:var(--accent-hero-ink);opacity:1}.sv-card--signal-coral{background:var(--status-danger);color:var(--coral-ink)}.sv-card--signal-coral .sv-card-title,.sv-card--signal-coral .sv-card-sub{color:var(--coral-ink);opacity:1}.sv-card--signal-cobalt{background:var(--status-info);color:var(--status-info-ink)}.sv-card--signal-cobalt .sv-card-title,.sv-card--signal-cobalt .sv-card-sub{color:var(--status-info-ink);opacity:1}.sv-card-title{font-family:var(--serif);font-weight:800;font-size:26px;letter-spacing:-.015em;line-height:1.05}.sv-card-sub{font-size:14px;color:var(--fg-muted);margin-top:6px}.sv-ticket{--notch: 16px;background:var(--bg-surface);color:var(--fg-default);border:1.5px solid var(--fg-default);border-radius:var(--r-lg);padding:var(--space-5);position:relative;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;gap:var(--space-4);min-height:280px;box-shadow:var(--shadow-card);transition:transform var(--dur-base) var(--ease-snap),box-shadow var(--dur-base) var(--ease-snap);text-decoration:none}.sv-ticket:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--fg-default)}.sv-ticket:before,.sv-ticket:after{content:"";position:absolute;width:calc(var(--notch) * 2);height:calc(var(--notch) * 2);background:var(--bg-canvas);border:1.5px solid var(--fg-default);border-radius:50%;z-index:2}.sv-ticket:before{left:calc(28% - var(--notch));top:calc(-1 * var(--notch))}.sv-ticket:after{left:calc(28% - var(--notch));bottom:calc(-1 * var(--notch))}.sv-ticket-stub{position:absolute;left:0;top:0;bottom:0;width:28%;background:var(--bg-inverse);color:var(--fg-inverse);border-right:2px dashed var(--fg-inverse);display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-4)}.sv-ticket-stub-num{font-family:var(--serif);font-weight:900;font-size:56px;line-height:.85;color:var(--lime);letter-spacing:-.03em;font-variation-settings:"SOFT" 100}.sv-ticket-stub-label{font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;opacity:.85}.sv-ticket-stub-foot{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;opacity:.7}.sv-ticket-body{margin-left:calc(28% + 16px);display:grid;grid-template-rows:auto 1fr auto;gap:10px;min-height:inherit}.sv-ticket-eyebrow{display:flex;gap:6px;flex-wrap:wrap}.sv-ticket-title{font-family:var(--serif);font-weight:800;font-size:26px;line-height:1.02;letter-spacing:-.015em;font-variation-settings:"SOFT" 40}.sv-ticket-desc{font-size:14px;color:var(--fg-muted);line-height:1.5}.sv-ticket-foot{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted)}.sv-ticket--coral .sv-ticket-stub{background:var(--status-danger);color:var(--coral-ink);border-right-color:var(--coral-ink)}.sv-ticket--coral .sv-ticket-stub-num{color:var(--coral-ink)}.sv-ticket--dark{background:var(--bg-inverse);color:var(--fg-inverse)}.sv-ticket--dark .sv-ticket-title{color:var(--fg-inverse)}.sv-ticket--dark .sv-ticket-stub{background:var(--accent-hero);color:var(--accent-hero-ink);border-right-color:var(--bg-inverse)}.sv-ticket--dark .sv-ticket-stub-num{color:var(--accent-hero-ink)}.sv-ticket--dark .sv-ticket-desc{color:var(--fg-inverse-muted);opacity:1}.sv-ticket--dark .sv-ticket-foot{color:var(--fg-inverse-muted)}.sv-ticket--dark .sv-ticket-stub-label,.sv-ticket--dark .sv-ticket-stub-foot{color:var(--accent-hero-ink);opacity:.85}@media(max-width:640px){.sv-ticket{grid-template-rows:auto 1fr auto;min-height:0;box-shadow:3px 3px 0 var(--fg-default)}.sv-ticket:before,.sv-ticket:after{display:none}.sv-ticket-stub{position:relative;width:100%;flex-direction:row;align-items:center;justify-content:space-between;border-right:none;border-bottom:2px dashed var(--bg-canvas);padding:var(--space-3) var(--space-4);margin:calc(-1 * var(--space-5)) calc(-1 * var(--space-5)) var(--space-4);border-radius:var(--r-lg) var(--r-lg) 0 0}.sv-ticket-stub-num{font-size:32px}.sv-ticket-body{margin-left:0}}.sv-score{background:var(--bg-inverse);color:var(--fg-inverse);border-radius:var(--r-lg);padding:var(--space-5);display:flex;gap:var(--space-5);align-items:center;justify-content:space-between;border:1.5px solid var(--bg-inverse);flex-wrap:wrap}.sv-score-col{display:flex;flex-direction:column;gap:4px;min-width:0}.sv-score-big{font-family:var(--serif);font-weight:900;font-size:74px;color:var(--lime);line-height:.85;letter-spacing:-.03em;font-variation-settings:"SOFT" 100}.sv-score-label{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;opacity:.7}.sv-score-delta{font-family:var(--mono);font-size:12px;color:var(--hazard);margin-top:4px;letter-spacing:.08em}.sv-score-ticks{display:flex;gap:3px}.sv-score-tick{width:6px;height:22px;background:#ffffff24;border-radius:2px}.sv-score-tick--on{background:var(--accent-hero)}.sv-score-tick--warm{background:var(--status-danger)}.sv-mana{display:inline-flex;align-items:center;gap:10px;background:var(--status-info);color:var(--status-info-ink);border:1.5px solid var(--fg-default);border-radius:var(--r-full);padding:6px 14px 6px 6px;font-family:var(--mono);font-weight:700;font-size:14px;letter-spacing:.06em}.sv-mana-gem{width:26px;height:26px;background:var(--paper);border:1.5px solid var(--ink-900);border-radius:50%;display:grid;place-items:center;color:var(--ink-900);font-family:var(--serif);font-weight:900}.sv-mana--hazard{background:var(--status-warn);color:var(--status-warn-ink)}.sv-mana--coral{background:var(--status-danger);color:var(--coral-ink)}.sv-progress{height:16px;background:var(--bg-sunken);border:1.5px solid var(--fg-default);border-radius:var(--r-full);overflow:hidden;position:relative}.sv-progress-fill{height:100%;background:var(--accent-hero);border-right:1.5px solid var(--fg-default);transition:width var(--dur-slow) var(--ease-snap)}.sv-progress-fill--coral{background:var(--status-danger)}.sv-progress-fill--cobalt{background:var(--status-info)}.sv-progress-fill--striped{background:repeating-linear-gradient(-45deg,var(--accent-hero) 0 8px,var(--fg-default) 8px 10px);animation:stripe 1.2s linear infinite}.sv-progress--sm{height:10px}.sv-progress--lg{height:22px}.sv-dots{display:flex;gap:6px;flex-wrap:wrap}.sv-dots span{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--fg-default);background:var(--bg-canvas);display:inline-block}.sv-dots span.done{background:var(--accent-hero)}.sv-dots span.active{background:var(--fg-default);box-shadow:0 0 0 4px var(--accent-hero)}.sv-dots span.skip{background:var(--bg-deep)}.sv-trail{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sv-trail-node{width:38px;height:38px;border:1.5px solid var(--fg-default);border-radius:50%;background:var(--bg-surface);display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:12px;color:var(--fg-default);text-decoration:none}.sv-trail-node--done{background:var(--fg-default);color:var(--fg-onink)}.sv-trail-node--now{background:var(--accent-hero);color:var(--accent-hero-ink);box-shadow:0 0 0 4px var(--bg-canvas),0 0 0 6px var(--fg-default)}.sv-trail-node--boss{background:var(--status-danger);color:var(--coral-ink)}.sv-trail-edge{width:18px;height:2px;background:var(--fg-default)}.sv-trail-edge--dashed{background:repeating-linear-gradient(90deg,var(--fg-default) 0 4px,transparent 4px 8px)}.sv-medal{width:120px;aspect-ratio:1;display:grid;place-items:center;position:relative;font-family:var(--serif);font-weight:900;font-size:34px;letter-spacing:-.02em;background:var(--status-warn);color:var(--status-warn-ink);border:1.5px solid var(--fg-default);border-radius:50%;box-shadow:inset 0 0 0 6px var(--bg-canvas),inset 0 0 0 7.5px var(--fg-default)}.sv-medal:after{content:"";position:absolute;left:50%;top:100%;width:30px;height:48px;background:var(--status-danger);border:1.5px solid var(--fg-default);border-radius:2px 2px 14px 14px;transform:translate(-50%,-12px);clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);z-index:-1}.sv-medal--lime{background:var(--accent-hero);color:var(--accent-hero-ink)}.sv-medal--coral{background:var(--status-danger);color:var(--coral-ink)}.sv-medal--sm{width:72px;font-size:22px}.sv-stamp{display:inline-flex;align-items:center;justify-content:center;border:3px double var(--fg-default);color:var(--fg-default);font-family:var(--mono);font-weight:700;font-size:13px;letter-spacing:.22em;text-transform:uppercase;padding:10px 14px;border-radius:6px;background:transparent;transform:rotate(-4deg)}.sv-stamp--verified{color:var(--forest-display);border-color:var(--forest-display)}.sv-stamp--late{color:var(--accent-alt-display);border-color:var(--accent-alt-display);transform:rotate(3deg)}.sv-stamp--boss{color:var(--plum);border-color:var(--plum)}.sv-avatar-frame{width:56px;height:56px;border-radius:var(--r-md);border:1.5px solid var(--fg-default);display:grid;place-items:center;background:var(--accent-hero);position:relative;overflow:hidden;color:var(--accent-hero-ink);font-family:var(--serif);font-weight:900;font-size:24px;letter-spacing:-.02em}.sv-avatar-frame--rnd{border-radius:50%}.sv-avatar-frame--sm{width:40px;height:40px;font-size:16px}.sv-avatar-frame--lg{width:96px;height:96px;font-size:40px;border-radius:var(--r-lg)}.sv-avatar-frame--coral{background:var(--status-danger);color:var(--coral-ink)}.sv-avatar-frame--cobalt{background:var(--status-info);color:var(--status-info-ink)}.sv-avatar-frame--hazard{background:var(--status-warn);color:var(--status-warn-ink)}.sv-avatar-frame--ink{background:var(--bg-inverse);color:var(--lime)}.sv-avatar-frame--paper{background:var(--bg-surface);color:var(--fg-default)}.sv-avatar-frame:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent 0 6px,rgba(0,0,0,.06) 6px 7px);pointer-events:none}.sv-avatar-frame--nopattern:after{display:none}.sv-callout{border:1.5px solid var(--fg-default);border-radius:var(--r-lg);padding:var(--space-5);background:var(--bg-surface);color:var(--fg-default);position:relative;overflow:hidden;display:grid;grid-template-columns:48px 1fr;gap:var(--space-4)}.sv-callout-tag{width:48px;height:48px;border-radius:var(--r-md);background:var(--accent-hero);border:1.5px solid var(--fg-default);display:grid;place-items:center;font-family:var(--serif);font-weight:900;font-size:26px;color:var(--accent-hero-ink)}.sv-callout-title{font-family:var(--serif);font-weight:800;font-size:20px;letter-spacing:-.01em;margin-bottom:4px}.sv-callout-body{font-size:14px;color:var(--fg-muted);line-height:1.55;max-width:62ch}.sv-callout--warn{background:color-mix(in oklab,var(--status-warn) 18%,var(--bg-surface))}.sv-callout--warn .sv-callout-tag{background:var(--status-warn);color:var(--status-warn-ink)}.sv-callout--danger{background:color-mix(in oklab,var(--status-danger) 15%,var(--bg-surface))}.sv-callout--danger .sv-callout-tag{background:var(--status-danger);color:var(--coral-ink)}.sv-callout--info{background:color-mix(in oklab,var(--status-info) 10%,var(--bg-surface))}.sv-callout--info .sv-callout-tag{background:var(--status-info);color:var(--status-info-ink)}.sv-callout--success .sv-callout-tag{background:var(--accent-hero);color:var(--accent-hero-ink)}.sv-hazard-band{background:repeating-linear-gradient(-45deg,var(--status-warn) 0 18px,var(--fg-default) 18px 32px);color:var(--status-warn-ink);border:1.5px solid var(--fg-default);border-radius:var(--r-md);padding:10px 14px;font-family:var(--mono);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;display:inline-flex;gap:12px;align-items:center}.sv-hazard-band-inner{background:var(--bg-canvas);padding:4px 10px;border-radius:3px;color:var(--fg-default)}.sv-hazard-band--coral{background:repeating-linear-gradient(-45deg,var(--status-danger) 0 18px,var(--fg-default) 18px 32px);color:var(--coral-ink)}.sv-toast-stack{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;pointer-events:none}.sv-toast-stack>*{pointer-events:auto}.sv-quiz{background:var(--bg-surface);border:1.5px solid var(--fg-default);border-radius:var(--r-xl);padding:var(--space-6);box-shadow:6px 6px 0 var(--fg-default);color:var(--fg-default)}.sv-quiz-qno{font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-muted)}.sv-quiz-prompt{font-family:var(--serif);font-weight:800;font-size:32px;line-height:1.1;margin:10px 0 var(--space-5);letter-spacing:-.015em}.sv-choices{display:grid;gap:10px}.sv-choice{display:grid;grid-template-columns:36px 1fr auto;gap:14px;align-items:center;padding:14px 16px;min-height:56px;background:var(--bg-canvas);border:1.5px solid var(--fg-default);border-radius:var(--r-md);cursor:pointer;transition:transform var(--dur-fast) var(--ease-snap);font-family:var(--sans);font-size:15px;line-height:1.4;text-align:left;color:var(--fg-default)}.sv-choice:hover{transform:translate(3px)}.sv-choice-letter{width:36px;height:36px;border:1.5px solid var(--fg-default);border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:14px;background:var(--bg-surface)}.sv-choice-reveal{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:0}.sv-choice--selected{background:var(--status-warn);color:var(--status-warn-ink)}.sv-choice--selected .sv-choice-letter{background:var(--fg-default);color:var(--status-warn)}.sv-choice--correct{background:var(--accent-hero);color:var(--accent-hero-ink);border-color:var(--fg-default)}.sv-choice--correct .sv-choice-letter{background:var(--fg-default);color:var(--accent-hero)}.sv-choice--correct .sv-choice-reveal{opacity:1}.sv-choice--wrong{background:var(--status-danger);color:var(--coral-ink)}.sv-choice--wrong .sv-choice-letter{background:var(--fg-default);color:var(--status-danger)}.sv-choice--wrong .sv-choice-reveal{opacity:1}.sv-topnav{display:flex;align-items:center;gap:var(--space-4);padding:12px 16px;background:var(--bg-surface);border:1.5px solid var(--fg-default);border-radius:var(--r-full);color:var(--fg-default)}.sv-topnav-brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:20px;letter-spacing:-.02em;color:var(--fg-default);text-decoration:none;cursor:pointer;background:transparent;border:none;padding:0;font-family:var(--serif)}.sv-topnav-glyph{width:28px;height:28px;border:1.5px solid var(--fg-default);border-radius:6px;background:var(--accent-hero);color:var(--accent-hero-ink);display:grid;place-items:center;font-family:var(--mono);font-weight:900;font-size:13px}.sv-topnav-links{display:flex;gap:4px;margin-left:var(--space-4);overflow-x:auto;scrollbar-width:none}.sv-topnav-links::-webkit-scrollbar{display:none}.sv-topnav-links a,.sv-topnav-links button{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:7px 10px;border-radius:var(--r-full);color:var(--fg-muted);text-decoration:none;border:none;background:transparent;cursor:pointer;white-space:nowrap}.sv-topnav-links a:hover,.sv-topnav-links button:hover{color:var(--fg-default);background:var(--bg-sunken)}.sv-topnav-links a.active,.sv-topnav-links button.active{background:var(--fg-default);color:var(--bg-canvas)}.sv-topnav-right{margin-left:auto;display:flex;gap:10px;align-items:center}.sv-topnav--dark{background:var(--bg-inverse);color:var(--fg-inverse);border-color:var(--bg-inverse)}.sv-topnav--dark .sv-topnav-brand{color:var(--accent-hero)}.sv-topnav--dark .sv-topnav-links a,.sv-topnav--dark .sv-topnav-links button{color:var(--fg-inverse-muted)}.sv-topnav--dark .sv-topnav-links a:hover,.sv-topnav--dark .sv-topnav-links button:hover{color:var(--fg-onink);background:#ffffff14}.sv-topnav--dark .sv-topnav-links a.active,.sv-topnav--dark .sv-topnav-links button.active{background:var(--accent-hero);color:var(--accent-hero-ink)}@media(max-width:860px){.sv-topnav-links{gap:2px}.sv-topnav-links a,.sv-topnav-links button{padding:6px 8px;font-size:11px}}.sv-field{display:flex;flex-direction:column;gap:6px}.sv-field-label{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted)}.sv-input,.sv-select,.sv-textarea{font-family:var(--sans);font-size:15px;color:var(--fg-default);background:var(--bg-surface);border:1.5px solid var(--fg-default);border-radius:var(--r-md);padding:10px 14px;outline:none;transition:box-shadow var(--dur-fast);width:100%}.sv-input:focus,.sv-select:focus,.sv-textarea:focus{box-shadow:3px 3px 0 var(--fg-default)}.sv-textarea{min-height:96px;resize:vertical}.sv-input[aria-invalid=true],.sv-textarea[aria-invalid=true]{border-color:var(--status-danger)}.sv-field-error{font-family:var(--mono);font-size:11px;color:var(--status-danger);letter-spacing:.08em}.sv-radio-row{display:flex;gap:8px;flex-wrap:wrap}.sv-radio{padding:8px 14px;border:1.5px solid var(--fg-default);border-radius:var(--r-full);background:var(--bg-surface);color:var(--fg-default);cursor:pointer;font-weight:600;font-size:13px;display:inline-flex;align-items:center;gap:8px;font-family:var(--sans)}.sv-radio-bullet{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--fg-default);background:var(--bg-canvas)}.sv-radio--on{background:var(--fg-default);color:var(--bg-canvas)}.sv-radio--on .sv-radio-bullet{background:var(--accent-hero);border-color:var(--accent-hero)}.sv-img-ph{border:1.5px solid var(--fg-default);border-radius:var(--r-md);aspect-ratio:4/3;position:relative;overflow:hidden;background:var(--bg-sunken);display:grid;place-items:center}.sv-img-ph:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 12px,color-mix(in oklab,var(--fg-default) 8%,transparent) 12px 13px)}.sv-img-ph-tag{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;background:var(--bg-surface);border:1.5px solid var(--fg-default);color:var(--fg-default);padding:5px 10px;border-radius:4px;z-index:1}.sv-leader{background:var(--bg-surface);border:1.5px solid var(--fg-default);border-radius:var(--r-lg);overflow:hidden}.sv-leader-row{display:grid;grid-template-columns:48px 1fr auto auto;gap:var(--space-4);align-items:center;padding:14px 18px;border-top:1px dashed var(--border-soft)}.sv-leader-row:first-child{border-top:none}.sv-leader-row--me{background:color-mix(in oklab,var(--accent-hero) 18%,var(--bg-surface))}.sv-leader-rank{font-family:var(--serif);font-weight:900;font-size:28px;letter-spacing:-.02em;line-height:1;color:var(--fg-default)}.sv-leader-rank--one{color:var(--accent-alt-display);font-size:34px}.sv-leader-name{font-weight:600;font-size:16px}.sv-leader-name small{display:block;font-family:var(--mono);font-size:11px;color:var(--fg-muted);letter-spacing:.1em;text-transform:uppercase}.sv-leader-xp{font-family:var(--mono);font-weight:700;font-size:14px}.sv-leader-dots{display:flex;gap:4px}.sv-leader-dots span{width:8px;height:8px;border-radius:50%;background:var(--bg-deep)}.sv-leader-dots span.on{background:var(--accent-hero)}.sv-bars{display:flex;align-items:flex-end;gap:4px;height:100px}.sv-bars>div{flex:1;background:var(--accent-hero);border:1px solid var(--fg-default);border-radius:2px 2px 0 0;min-height:2px}.sv-bars>div.latest{background:var(--fg-default)}.sv-dotmatrix{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.sv-dotmatrix>div{aspect-ratio:1;background:var(--bg-sunken);border:1px solid var(--fg-default);border-radius:3px}.sv-dotmatrix>div.on{background:var(--accent-hero)}.sv-stackedbar{display:flex;height:14px;border:1.5px solid var(--fg-default);border-radius:var(--r-full);overflow:hidden}.sv-stackedbar>div{background:var(--accent-hero)}.sv-stackedbar>div.warn{background:var(--status-warn)}.sv-stackedbar>div.danger{background:var(--status-danger)}.sv-stackedbar>div.info{background:var(--status-info)}.sv-spark{width:100%;height:60px;display:block}.sv-viz-table{position:absolute;left:-9999px}.sv-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.sv-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.sv-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}.sv-grid-asym{display:grid;grid-template-columns:1.3fr 1fr;gap:var(--space-6)}@media(max-width:860px){.sv-grid-2,.sv-grid-3,.sv-grid-4,.sv-grid-asym{grid-template-columns:1fr}}.sv-stack{display:flex;flex-direction:column;gap:var(--space-4)}.sv-stack--sm{gap:var(--space-2)}.sv-stack--lg{gap:var(--space-6)}.sv-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.sv-tape{background:var(--fg-default);color:var(--bg-canvas);font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;padding:10px 16px;border-radius:var(--r-full);display:inline-flex;gap:14px;align-items:center}.sv-tape span+span:before{content:"◆";margin-right:14px;color:var(--accent-hero)}.sv-topbar-wrap{position:fixed;top:0;left:0;right:0;z-index:100;padding:12px var(--space-5);background:color-mix(in oklab,var(--bg-canvas) 80%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.sv-topbar{max-width:1280px;margin:0 auto}.sv-topbar-avatar{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--fg-default);object-fit:cover}.sv-topbar-name{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--fg-default);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sv-topnav--dark .sv-topbar-name{color:var(--fg-onink)}body{padding-top:80px}@media(max-width:640px){.sv-topbar-wrap{padding:8px var(--space-3)}.sv-topbar-name{display:none}body{padding-top:72px}}:root{--ink-900: #15130f;--ink-800: #1f1c16;--ink-700: #2d2922;--ink-500: #55503f;--ink-300: #9a917a;--ink-200: #c8c1a8;--paper: #f1ead5;--paper-2: #e7dfc2;--paper-3: #d8d0b0;--paper-card: #fbf6e3;--lime: #c6ff3f;--lime-ink: #2a3b00;--lime-deep: #7fb800;--lime-deep-ink: #1a2200;--coral: #ff6a4d;--coral-ink: #3a0f05;--cobalt: #2238ff;--cobalt-ink: #e6ebff;--hazard: #ffd23a;--hazard-ink: #2b2200;--hazard-red: #b91c1c;--hazard-red-deep: #7f1313;--hazard-red-ink: #f8e8e8;--amber-deep: #a16207;--amber-deep-ink: #fff7e0;--forest: #143d30;--plum: #6b1e6b;--cobalt-lift: #6b7fff;--cobalt-lift-ink: #0a0f3a;--coral-lift: #ff8a73;--serif: "Fraunces", "Noto Serif", ui-serif, Georgia, serif;--sans: "Space Grotesk", "Noto Sans", ui-sans-serif, system-ui, sans-serif;--mono: "JetBrains Mono", "Noto Sans Mono", ui-monospace, monospace;--t-micro: 11px;--t-sm: 13px;--t-base: 15px;--t-md: 17px;--t-lg: 22px;--t-xl: 30px;--t-2xl: 44px;--t-3xl: 64px;--t-4xl: 96px;--t-mega: 140px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 28px;--space-7: 40px;--space-8: 56px;--space-9: 80px;--space-10: 120px;--r-sm: 6px;--r-md: 10px;--r-lg: 18px;--r-xl: 28px;--r-full: 9999px;--border: var(--ink-900);--border-thin: var(--ink-200);--ease-snap: cubic-bezier(.22, 1, .36, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-breathe: linear;--dur-fast: .12s;--dur-base: .2s;--dur-slow: .35s;--bg: var(--bg-canvas);--surface: var(--bg-surface);--surface-alt: var(--bg-sunken);--surface-0: var(--bg-surface);--surface-1: var(--bg-sunken);--surface-2: var(--bg-deep);--surface-3: var(--bg-deep);--text: var(--fg-default);--text-2: var(--fg-muted);--text-3: var(--fg-faint);--text2: var(--fg-muted);--text3: var(--fg-faint);--brand: var(--lime);--brand-light: var(--lime);--brand-muted: color-mix(in oklab, var(--lime) 30%, transparent);--brand-subtle: color-mix(in oklab, var(--lime) 12%, transparent);--amber: var(--amber-display);--amber-bright: var(--amber-display);--amber-dim: color-mix(in oklab, var(--amber-display) 30%, transparent);--green: var(--lime);--green-muted: color-mix(in oklab, var(--lime) 22%, transparent);--red: var(--coral);--red-muted: color-mix(in oklab, var(--coral) 22%, transparent);--blue: var(--cobalt);--blue-muted: color-mix(in oklab, var(--cobalt) 22%, transparent);--purple: var(--plum);--purple-muted: color-mix(in oklab, var(--plum) 22%, transparent);--cyan: var(--cobalt);--cyan-muted: color-mix(in oklab, var(--cobalt) 18%, transparent);--border-hover: color-mix(in oklab, var(--ink-900) 35%, transparent);--border-active: var(--ink-900);--radius-sm: var(--r-sm);--radius-md: var(--r-md);--radius-lg: var(--r-lg);--radius-xl: var(--r-xl);--radius-full: var(--r-full);--shadow-sm: 2px 2px 0 var(--ink-900);--shadow-md: 3px 3px 0 var(--ink-900);--shadow-lg: 5px 5px 0 var(--ink-900);--shadow-xl: 8px 8px 0 var(--ink-900);--shadow-brand-sm: 2px 2px 0 var(--ink-900);--shadow-brand-md: 4px 4px 0 var(--ink-900);--text-xs: var(--t-micro);--text-sm: var(--t-sm);--text-base: var(--t-base);--text-md: var(--t-md);--text-lg: var(--t-md);--text-xl: var(--t-lg);--text-2xl: var(--t-xl);--text-3xl: var(--t-2xl);--text-4xl: var(--t-3xl);--leading-tight: 1.2;--leading-normal: 1.55;--leading-loose: 1.75;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em;--font-display: var(--serif);--font-body: var(--sans);--font-mono: var(--mono);--ease-spring: var(--ease-snap);--duration-fast: var(--dur-fast);--duration-base: var(--dur-base);--duration-slow: var(--dur-slow)}:root{--bg-canvas: var(--paper);--bg-surface: var(--paper-card);--bg-sunken: var(--paper-2);--bg-deep: var(--paper-3);--fg-default: var(--ink-900);--fg-muted: var(--ink-500);--fg-faint: var(--ink-300);--fg-onink: var(--paper);--border-default: var(--ink-900);--border-soft: var(--ink-200);--accent-hero: var(--lime-deep);--accent-hero-ink: var(--lime-deep-ink);--accent-alt: var(--coral);--accent-alt-ink: var(--coral-ink);--status-info: var(--cobalt);--status-info-ink: var(--cobalt-ink);--status-warn: var(--hazard-red);--status-warn-ink: var(--hazard-red-ink);--status-danger: var(--coral);--status-danger-ink: var(--coral-ink);--status-success: var(--lime-deep);--status-success-ink: var(--lime-deep-ink);--focus-ring: var(--cobalt);--bg-inverse: var(--ink-900);--bg-inverse-2: var(--ink-800);--fg-inverse: var(--paper);--fg-inverse-muted: var(--paper-2);--fg-inverse-faint: var(--ink-200);--accent-alt-display: #B8391E;--status-warn-display: var(--hazard-red-deep);--status-danger-display: #B8391E;--status-success-display: #2A3B00;--forest-display: var(--forest);--amber-display: var(--amber-deep);--grain-opacity: .12;--grain-blend: multiply;--shadow-card: 5px 5px 0 var(--ink-900);--shadow-btn: 3px 3px 0 var(--ink-900);--shadow-hero: 8px 8px 0 var(--ink-900);color-scheme:light}html[data-theme=dark]{--bg-canvas: var(--ink-900);--bg-surface: var(--ink-800);--bg-sunken: var(--ink-700);--bg-deep: #0d0b08;--fg-default: var(--paper);--fg-muted: var(--ink-200);--fg-faint: var(--ink-300);--fg-onink: var(--ink-900);--border-default: var(--paper);--border-soft: var(--ink-500);--accent-hero: var(--lime);--accent-hero-ink: var(--lime-ink);--accent-alt: var(--coral-lift);--accent-alt-ink: var(--coral-ink);--status-info: var(--cobalt-lift);--status-info-ink: var(--cobalt-lift-ink);--status-danger: var(--coral-lift);--status-warn: var(--hazard);--status-warn-ink: var(--hazard-ink);--status-success: var(--lime);--status-success-ink: var(--lime-ink);--focus-ring: var(--lime);--grain-opacity: .08;--grain-blend: screen;--shadow-card: 5px 5px 0 var(--paper);--shadow-btn: 3px 3px 0 var(--paper);--shadow-hero: 8px 8px 0 var(--paper);--bg-inverse: #0d0b08;--bg-inverse-2: var(--ink-900);--fg-inverse: var(--paper);--fg-inverse-muted: var(--paper-2);--fg-inverse-faint: var(--ink-200);--accent-alt-display: var(--coral-lift);--status-warn-display: var(--hazard);--status-danger-display: var(--coral-lift);--status-success-display: var(--lime);--amber-display: var(--hazard);--forest-display: var(--lime);--bg: var(--ink-900);--surface-0: var(--ink-800);--surface-1: var(--ink-700);--surface-2: #34302a;--text: var(--paper);--text-2: var(--ink-200);--text-3: var(--ink-300);--border-hover: color-mix(in oklab, var(--paper) 40%, transparent);color-scheme:dark}html[data-role=teacher]{--accent-hero: var(--cobalt);--accent-hero-ink: var(--cobalt-ink)}html[data-role=teacher][data-theme=dark]{--accent-hero: var(--cobalt-lift);--accent-hero-ink: var(--cobalt-lift-ink)}html[data-role=guardian]{--accent-hero: var(--ink-900);--accent-hero-ink: var(--paper)}html[data-role=guardian][data-theme=dark]{--accent-hero: var(--paper);--accent-hero-ink: var(--ink-900)}html,body{font-family:var(--sans);font-size:var(--t-base);line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.t-display-1{font-family:var(--serif);font-weight:900;font-size:clamp(56px,11vw,var(--t-mega));line-height:.88;letter-spacing:-.035em;font-variation-settings:"SOFT" 100,"opsz" 144}.t-display-1 em{font-style:italic;font-weight:400;color:var(--accent-alt-display);font-variation-settings:"SOFT" 20,"opsz" 144}.t-display-1 u{text-decoration:none;background:linear-gradient(transparent 60%,var(--accent-hero) 60%);padding:0 .06em}.t-display-2{font-family:var(--serif);font-weight:800;font-size:clamp(40px,7vw,var(--t-3xl));line-height:1;letter-spacing:-.02em;font-variation-settings:"SOFT" 60}.t-h1{font-family:var(--serif);font-weight:800;font-size:var(--t-xl);line-height:1.1;letter-spacing:-.01em}.t-h2{font-family:var(--sans);font-weight:700;font-size:var(--t-lg);line-height:1.2}.t-body-lg{font-family:var(--sans);font-weight:400;font-size:var(--t-md);line-height:1.55;max-width:56ch}.t-body{font-family:var(--sans);font-weight:400;font-size:var(--t-base);line-height:1.6}.t-caption{font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:.04em;color:var(--fg-muted)}.t-stamp{font-family:var(--mono);font-weight:700;font-size:13px;letter-spacing:.22em;text-transform:uppercase}.t-numeric{font-family:var(--serif);font-weight:900;font-size:74px;line-height:.85;letter-spacing:-.035em;font-variation-settings:"SOFT" 100,"opsz" 144;font-variant-numeric:tabular-nums lining-nums}:lang(zh),:lang(ja),:lang(ko),:lang(th),:lang(ar){line-height:1.7}:lang(zh) .t-display-1,:lang(ja) .t-display-1,:lang(ko) .t-display-1,:lang(zh) .t-display-2,:lang(ja) .t-display-2,:lang(ko) .t-display-2{font-size:clamp(40px,7vw,72px);font-style:normal}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-canvas);color:var(--fg-default);min-height:100vh;transition:background var(--dur-slow) ease,color var(--dur-slow) ease}body{background:radial-gradient(1200px 600px at 110% -10%,color-mix(in oklab,var(--bg-canvas),#000 8%) 0%,transparent 50%),radial-gradient(1000px 600px at -10% 110%,color-mix(in oklab,var(--bg-canvas),var(--accent-alt) 10%) 0%,transparent 55%),var(--bg-canvas)}img{max-width:100%;display:block}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:var(--grain-opacity);mix-blend-mode:var(--grain-blend);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.08 0 0 0 0 0.08 0 0 0 0 0.05 0 0 0 0.9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}*:focus{outline:none}*:focus-visible{outline:3px solid var(--focus-ring)!important;outline-offset:3px!important;border-radius:3px}.shell{max-width:1280px;margin:0 auto;padding:var(--space-7) var(--space-6) var(--space-10);position:relative;z-index:1}@media(max-width:640px){.shell{padding:var(--space-5) var(--space-4) var(--space-9)}}.skip-to-content{position:absolute;left:-9999px;z-index:100;padding:8px 14px;background:var(--ink-900);color:var(--paper);font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;border-radius:var(--r-sm)}.skip-to-content:focus{left:var(--space-4);top:var(--space-4)}@keyframes stripe{0%{background-position:0 0}to{background-position:16px 0}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes puck-snap{0%{transform:translate(0)}60%{transform:translate(calc(100% - 56px))}to{transform:translate(calc(100% - 56px))}}@keyframes puck-bounce{0%{transform:translate(0)}60%{transform:translate(calc(100% - 56px))}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.perf-mode *,.perf-mode *:before,.perf-mode *:after{animation:none!important;transition:none!important}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-normal);font-weight:300;min-height:100vh;padding-top:72px;-webkit-font-smoothing:antialiased}a{color:var(--brand);text-decoration:none;transition:color var(--duration-fast) ease}a:hover{color:var(--brand-light);text-decoration:underline}::selection{background:var(--brand-muted);color:var(--text)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.top-bar{position:fixed;top:0;left:0;right:0;z-index:100;height:56px;background:var(--bg);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 var(--space-6);gap:var(--space-4);box-shadow:var(--shadow-sm)}.top-brand{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);color:var(--brand);cursor:pointer;letter-spacing:var(--tracking-tight);display:flex;align-items:center;gap:var(--space-2)}.top-brand-icon{width:30px;height:30px;border-radius:var(--radius-sm)}.top-nav-links{display:flex;gap:2px;margin-left:var(--space-7);background:var(--surface-0);border-radius:var(--radius-md);padding:3px;border:1px solid var(--border)}.top-nav-link{padding:6px var(--space-4);border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:400;cursor:pointer;transition:color var(--duration-fast) ease,background var(--duration-fast) ease;text-decoration:none;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.top-nav-link:hover{color:var(--text);text-decoration:none;background:var(--surface-1)}.top-nav-link:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.top-nav-link.active{background:var(--surface-2);color:var(--text);font-weight:600;box-shadow:var(--shadow-sm)}.top-bar-right{margin-left:auto;display:flex;align-items:center;gap:var(--space-3)}.user-avatar{width:32px;height:32px;border-radius:var(--radius-full);border:2px solid var(--border);transition:border-color var(--duration-fast) ease}.user-avatar:hover{border-color:var(--brand)}.user-name{font-size:var(--text-sm);color:var(--text-2);font-weight:400}.sign-out-btn{padding:5px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:transparent;color:var(--text-3);font-size:var(--text-xs);font-family:var(--font-body);cursor:pointer;transition:color var(--duration-fast) ease,border-color var(--duration-fast) ease,background var(--duration-fast) ease;font-weight:400;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.sign-out-btn:hover{border-color:var(--red);color:var(--red);background:var(--red-muted)}.page-container{margin-top:56px;min-height:calc(100vh - 56px);position:relative;z-index:3}.btn{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);border:none;font-family:var(--font-body);font-size:var(--text-base);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-base) ease,opacity var(--duration-fast) ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.btn-primary{background:var(--brand);color:var(--bg);box-shadow:var(--shadow-brand-sm)}.btn-primary:hover{box-shadow:var(--shadow-brand-md)}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.btn:disabled{opacity:.4;cursor:default;transform:none;box-shadow:none}.card{background:var(--surface-0);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);transition:transform var(--duration-base) var(--ease-spring),box-shadow var(--duration-base) ease,border-color var(--duration-base) ease;box-shadow:var(--shadow-sm);position:relative}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-brand-md);transform:translateY(-2px)}.card-title{font-family:var(--font-display);font-size:24px;font-weight:700;margin-bottom:8px;letter-spacing:-.01em}.card-subtitle{font-size:var(--text-md);color:var(--text-2);line-height:1.6}@keyframes fadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .45s cubic-bezier(.22,1,.36,1) both}@keyframes fadeInStagger{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.card:nth-child(1){animation:fadeInStagger .4s .05s cubic-bezier(.22,1,.36,1) both}.card:nth-child(2){animation:fadeInStagger .4s .1s cubic-bezier(.22,1,.36,1) both}.card:nth-child(3){animation:fadeInStagger .4s .15s cubic-bezier(.22,1,.36,1) both}.card:nth-child(4){animation:fadeInStagger .4s .2s cubic-bezier(.22,1,.36,1) both}.card:nth-child(5){animation:fadeInStagger .4s .25s cubic-bezier(.22,1,.36,1) both}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--amber);border-radius:50%;animation:spin .6s linear infinite}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:var(--surface2);background-image:linear-gradient(90deg,var(--surface2) 0%,var(--surface3) 40%,var(--surface2) 80%);background-size:800px 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:8px}.skeleton-line{height:14px;border-radius:7px;margin-bottom:8px}.skeleton-circle{border-radius:50%;flex-shrink:0}.skeleton-card{border:1px solid var(--border);border-radius:var(--radius);padding:28px}.skeleton-rect{border-radius:var(--radius)}.notif-bell-wrap{position:relative}.notif-bell-btn{position:relative;background:none;border:none;cursor:pointer;font-size:20px;padding:4px;border-radius:8px;transition:background .15s;line-height:1}.notif-bell-btn:hover{background:var(--surface2)}.notif-badge{position:absolute;top:-4px;right:-6px;min-width:18px;height:18px;background:var(--red);color:#fff;font-size:10px;font-weight:700;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 4px;font-family:var(--font-body);box-shadow:0 1px 4px #f8717166;animation:badgePop .3s cubic-bezier(.34,1.56,.64,1) both}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}.notif-dropdown{position:absolute;top:calc(100% + 10px);right:-8px;width:360px;background:#161a26eb;border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 48px #00000073;z-index:200;animation:notifSlideIn .2s cubic-bezier(.22,1,.36,1) both;overflow:hidden;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3)}@keyframes notifSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notif-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 10px;border-bottom:1px solid var(--border)}.notif-header-title{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--text)}.notif-mark-all{background:none;border:none;color:var(--amber);font-size:12px;font-weight:600;cursor:pointer;font-family:var(--font-body);padding:0}.notif-mark-all:hover{color:var(--amber-bright);text-decoration:underline}.notif-list{max-height:400px;overflow-y:auto}.notif-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;color:var(--text3);font-size:14px}.notif-item{display:flex;align-items:flex-start;gap:12px;width:100%;padding:14px 18px;border:none;background:transparent;cursor:pointer;text-align:left;transition:background .12s;font-family:var(--font-body);color:var(--text);border-bottom:1px solid rgba(50,57,82,.3)}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#f5a6230a}.notif-item.unread{background:#f5a6230f}.notif-item.unread:hover{background:#f5a6231a}.notif-item-icon{font-size:22px;flex-shrink:0;margin-top:1px}.notif-item-body{flex:1;min-width:0}.notif-item-title{font-size:13px;font-weight:600;line-height:1.3;margin-bottom:2px}.notif-item-text{font-size:12px;color:var(--text2);line-height:1.4}.notif-item-time{font-size:11px;color:var(--text3);margin-top:3px}.notif-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--brand);flex-shrink:0;margin-top:6px;box-shadow:0 0 6px var(--brand-muted)}.announcement-banner{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px;overflow:hidden}.announcement-banner.pinned{border-color:var(--brand);box-shadow:var(--shadow-brand-sm)}.announcement-item{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;border-bottom:1px solid rgba(50,57,82,.3)}.announcement-item:last-child{border-bottom:none}.announcement-icon{font-size:24px;flex-shrink:0}.announcement-body{flex:1;min-width:0}.announcement-title{font-family:var(--font-display);font-size:15px;font-weight:700;margin-bottom:2px}.announcement-text{font-size:13px;color:var(--text2);line-height:1.5}.announcement-meta{font-size:11px;color:var(--text3);margin-top:4px}.announcement-pin-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--amber);background:var(--amber-dim);padding:2px 8px;border-radius:4px;flex-shrink:0}.announce-composer{background:var(--surface);border-radius:16px;padding:28px;width:100%;max-width:500px;border:1px solid var(--border)}.announce-composer h2{font-family:var(--font-display);font-size:20px;font-weight:700;margin-bottom:20px}.announce-field{margin-bottom:16px}.announce-field label{display:block;font-size:12px;color:var(--text3);margin-bottom:4px;font-weight:600}.announce-field input,.announce-field textarea{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-family:var(--font-body);font-size:14px;outline:none;transition:border-color .2s}.announce-field input:focus,.announce-field textarea:focus{border-color:var(--amber)}.announce-field textarea{resize:vertical;min-height:80px}.floating-music-btn{position:fixed;bottom:24px;left:24px;z-index:9000;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#b08eff,#7c5ccf);border:none;box-shadow:0 4px 20px #ffffff1a;cursor:pointer;font-size:22px;display:flex;align-items:center;justify-content:center;transition:transform .15s,box-shadow .2s}.floating-music-btn:hover{box-shadow:0 6px 28px #ffffff26;transform:scale(1.05)!important}.floating-music-pulse{position:absolute;inset:-3px;border-radius:50%;border:2px solid rgba(255,255,255,.15);animation:fmpPulse 2s ease-in-out infinite}@keyframes fmpPulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.floating-music-panel{position:fixed;bottom:88px;left:24px;z-index:9000;width:340px;background:var(--bg);border:1px solid var(--border);border-radius:16px;box-shadow:0 12px 48px #00000080;overflow:hidden;animation:fmpSlideIn .2s cubic-bezier(.22,1,.36,1) both}@keyframes fmpSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.floating-music-courses{padding:8px 12px;border-bottom:1px solid var(--border);display:flex;gap:4px;overflow-x:auto}.floating-music-course-btn{padding:4px 10px;border-radius:6px;border:none;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;background:var(--surface);color:var(--text3);transition:color var(--duration-fast) ease,background var(--duration-fast) ease,border-color var(--duration-fast) ease,opacity var(--duration-fast) ease}.floating-music-course-btn.active{background:var(--purple);color:var(--bg)}.floating-music-header{display:flex;align-items:center;gap:10px;padding:14px 16px;background:linear-gradient(135deg,#ffffff0a,#60a5fa0a);border-bottom:1px solid var(--border)}.floating-music-now-playing{font-size:12px;color:var(--purple);margin-top:1px;display:flex;align-items:center;gap:4px;max-width:200px}.floating-music-note-pulse{display:inline-block;color:var(--purple);font-size:12px;animation:musicNotePulse 1s ease-in-out infinite}@keyframes musicNotePulse{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.floating-music-embed{margin:12px 14px 8px;border-radius:10px;overflow:hidden;background:var(--surface);border:1px solid var(--border)}.floating-music-controls{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px 12px}.fmc-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:color var(--duration-base) ease,background var(--duration-base) ease,border-color var(--duration-base) ease,transform var(--duration-base) var(--ease-spring)}.fmc-btn:hover{border-color:var(--purple);background:#ffffff0a}.fmc-mode{width:32px;height:32px;font-size:13px}.fmc-active{border-color:var(--purple);color:var(--purple);background:#ffffff0f;box-shadow:0 0 8px #ffffff1a}.fmc-play{width:46px;height:46px;font-size:18px;background:linear-gradient(135deg,#ffffff14,#60a5fa14);border-color:var(--purple)}.fmc-play:hover{background:linear-gradient(135deg,var(--border-hover),rgba(96,165,250,.12));box-shadow:0 4px 14px #ffffff14;transform:scale(1.06)}.floating-music-tracklist{display:flex;flex-direction:column;margin:0 14px 14px;border-radius:10px;overflow:hidden;border:1px solid var(--border)}.fmt-item{display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--bg);border:none;cursor:pointer;font-size:13px;color:var(--text2);font-family:var(--font-body);transition:color var(--duration-fast) ease,background var(--duration-fast) ease,border-color var(--duration-fast) ease,opacity var(--duration-fast) ease;text-align:left;width:100%;border-bottom:1px solid rgba(50,57,82,.2)}.fmt-item:last-child{border-bottom:none}.fmt-item:hover{background:var(--surface2);color:var(--text)}.fmt-item.active{background:#ffffff0a;color:var(--purple);font-weight:600}.fmt-num{width:20px;height:20px;border-radius:5px;background:var(--surface2);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--text3);flex-shrink:0}.fmt-item.active .fmt-num{background:var(--purple);color:var(--bg)}.fmt-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-config-panel{padding:0}.music-config-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.music-config-close{width:26px;height:26px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text3);cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center}.music-config-close:hover{border-color:var(--red);color:var(--red)}.music-config-body{padding:14px 16px}.music-config-input{width:100%;padding:8px 10px;border-radius:7px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:var(--font-body);font-size:12px;outline:none;transition:border-color .15s}.music-config-input:focus{border-color:var(--purple)}.floating-music-minibar{position:fixed;bottom:24px;left:24px;z-index:9000;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:24px;background:linear-gradient(135deg,#ffffff0f,#60a5fa0f);border:1px solid var(--border-hover);box-shadow:0 4px 20px #0000004d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:fmpSlideIn .2s cubic-bezier(.22,1,.36,1) both;max-width:320px}.fmm-track-name{font-size:12px;font-weight:600;color:var(--purple);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;max-width:140px}.fmm-btn{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text2);cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center;transition:color var(--duration-fast) ease,background var(--duration-fast) ease,border-color var(--duration-fast) ease,opacity var(--duration-fast) ease;flex-shrink:0}.fmm-btn:hover{border-color:var(--purple);background:#ffffff14;color:var(--purple)}.skip-to-content{position:absolute;top:-100px;left:16px;z-index:9999;padding:12px 24px;background:var(--amber);color:var(--bg);font-weight:700;font-size:16px;border-radius:0 0 10px 10px;text-decoration:none}.skip-to-content:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--amber);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:480px){.floating-music-btn{bottom:16px;left:16px;width:44px;height:44px;font-size:18px}.floating-music-panel{left:12px;right:12px;width:auto;bottom:72px}.floating-music-minibar{left:12px;right:12px;max-width:none;bottom:16px}}.annotation-fab{position:fixed;bottom:156px;left:24px;z-index:9000;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),#3b82f6);border:2px solid rgba(34,211,238,.3);box-shadow:0 4px 20px #22d3ee4d;cursor:pointer;font-size:20px;color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .15s,box-shadow .2s,background .2s}.annotation-fab:hover{transform:scale(1.08);box-shadow:0 6px 28px #22d3ee73}.annotation-fab.active{background:linear-gradient(135deg,var(--red),#dc2626);border-color:#ef444466;box-shadow:0 4px 20px #ef444459}.annotation-badge{position:fixed;bottom:196px;left:20px;z-index:9000;background:var(--amber);color:#000;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px;pointer-events:none;font-family:var(--font-body)}.annotation-overlay{position:fixed;inset:0;z-index:8999;pointer-events:auto}.annotation-canvas{display:block}.annotation-toolbar{position:fixed;top:72px;left:50%;transform:translate(-50%);z-index:9001;display:flex;align-items:center;gap:8px;padding:8px 16px;background:#161a26f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:14px;box-shadow:0 8px 32px #00000080;animation:annotationSlideIn .2s cubic-bezier(.22,1,.36,1) both}@keyframes annotationSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.annotation-colors{display:flex;align-items:center;gap:5px}.annotation-color-btn{width:24px;height:24px;border-radius:50%;cursor:pointer;transition:color var(--duration-fast) ease,background var(--duration-fast) ease,border-color var(--duration-fast) ease,opacity var(--duration-fast) ease;flex-shrink:0;padding:0}.annotation-color-btn:hover{transform:scale(1.2)}.annotation-color-btn.active{transform:scale(1.25)}.annotation-sep{width:1px;height:24px;background:var(--border);flex-shrink:0}.annotation-size{display:flex;align-items:center;gap:6px}.annotation-size-slider{width:70px;height:4px;accent-color:var(--amber);cursor:pointer}.annotation-size-dot{border-radius:50%;flex-shrink:0;transition:color var(--duration-fast) ease,background var(--duration-fast) ease,border-color var(--duration-fast) ease,opacity var(--duration-fast) ease}.annotation-tool-btn{width:32px;height:32px;border-radius:8px;border:1.5px solid var(--border);background:transparent;color:var(--text2);cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:color var(--duration-fast) ease,background var(--duration-fast) ease,border-color var(--duration-fast) ease,opacity var(--duration-fast) ease}.annotation-tool-btn:hover{border-color:var(--amber);color:var(--text)}.annotation-tool-btn.active{border-color:var(--amber);background:var(--amber-dim);color:var(--amber)}.annotation-action-btn{width:32px;height:32px;border-radius:8px;border:1.5px solid var(--border);background:transparent;color:var(--text2);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:color var(--duration-fast) ease,background var(--duration-fast) ease,border-color var(--duration-fast) ease,opacity var(--duration-fast) ease}.annotation-action-btn:hover:not(:disabled){border-color:var(--amber);color:var(--text)}.annotation-action-btn:disabled{opacity:.3;cursor:default}.annotation-clear:hover:not(:disabled){border-color:var(--red);color:var(--red)}.annotation-close-btn{width:32px;height:32px;border-radius:8px;border:1.5px solid rgba(239,68,68,.4);background:var(--red-dim);color:var(--red);cursor:pointer;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:color var(--duration-fast) ease,background var(--duration-fast) ease,border-color var(--duration-fast) ease,opacity var(--duration-fast) ease}.annotation-close-btn:hover{background:#ef444433}.annotation-fab.compact{background:linear-gradient(135deg,var(--amber),#f59e0b);border-color:#f5a62366;box-shadow:0 4px 20px #f5a62359}.annotation-fab.compact:hover{box-shadow:0 6px 28px #f5a62380}@media(max-width:768px){.annotation-fab{bottom:146px;left:16px;width:46px;height:46px;font-size:18px}.annotation-badge{bottom:184px;left:12px}.annotation-toolbar{inset:auto 12px 140px;transform:none;flex-wrap:wrap;justify-content:center;padding:8px 12px}@keyframes annotationSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.annotation-color-btn{width:22px;height:22px}.annotation-size-slider{width:50px}}.screen-reader-fab{position:fixed;bottom:90px;left:24px;z-index:9000;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);border:2px solid rgba(34,197,94,.3);box-shadow:0 4px 20px #22c55e4d;cursor:pointer;font-size:20px;color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .15s,box-shadow .2s,background .2s}.screen-reader-fab:hover{transform:scale(1.08);box-shadow:0 6px 28px #22c55e73}.screen-reader-fab.active{background:linear-gradient(135deg,#22c55e,#10b981);border-color:#22c55e80;box-shadow:0 4px 24px #22c55e73;animation:srFabPulse 2s ease-in-out infinite}.screen-reader-fab.paused{background:linear-gradient(135deg,var(--amber),#f59e0b);border-color:#f5a62366;box-shadow:0 4px 20px #f5a62359}@keyframes srFabPulse{0%,to{box-shadow:0 4px 24px #22c55e73}50%{box-shadow:0 4px 32px #22c55eb3}}.screen-reader-pulse{position:absolute;inset:-3px;border-radius:50%;border:2px solid rgba(34,197,94,.5);animation:srPulse 2s ease-in-out infinite}@keyframes srPulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.screen-reader-panel{position:fixed;bottom:154px;left:24px;z-index:9001;width:320px;background:#161a26f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;box-shadow:0 12px 48px #00000080;overflow:hidden;animation:srSlideIn .2s cubic-bezier(.22,1,.36,1) both}@keyframes srSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sr-header{display:flex;align-items:center;gap:8px;padding:14px 16px 10px;border-bottom:1px solid var(--border)}.sr-empty{padding:24px 16px;text-align:center;color:var(--text3);font-size:13px}.sr-progress{padding:10px 16px 6px;font-size:12px;color:var(--text3);font-weight:600;display:flex;align-items:center;gap:4px}.sr-speaking-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-left:6px;animation:srDotPulse 1s ease-in-out infinite}@keyframes srDotPulse{0%,to{opacity:.4}50%{opacity:1}}.sr-controls{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px 12px}.sr-ctrl-btn{width:38px;height:38px;border-radius:10px;border:1.5px solid var(--border);background:transparent;color:var(--text2);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:color var(--duration-fast) ease,background var(--duration-fast) ease,border-color var(--duration-fast) ease,opacity var(--duration-fast) ease}.sr-ctrl-btn:hover:not(:disabled){border-color:var(--green);color:var(--text);background:var(--green-dim)}.sr-ctrl-btn:disabled{opacity:.3;cursor:default}.sr-play-btn{width:48px;height:48px;border-radius:50%;border-color:var(--green);background:var(--green-dim);color:var(--green);font-size:18px}.sr-play-btn:hover:not(:disabled){background:#22c55e33;color:var(--green)}.sr-option-row{display:flex;align-items:center;gap:8px;padding:6px 16px}.sr-option-row:last-child{padding-bottom:14px}.sr-label{font-size:12px;font-weight:600;color:var(--text3);min-width:44px}.sr-speed-btns{display:flex;gap:4px;flex:1}.sr-speed-btn{padding:4px 8px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text3);font-size:11px;font-weight:600;cursor:pointer;transition:color var(--duration-fast) ease,background var(--duration-fast) ease,border-color var(--duration-fast) ease,opacity var(--duration-fast) ease}.sr-speed-btn:hover{border-color:var(--green);color:var(--text)}.sr-speed-btn.active{border-color:var(--green);background:var(--green-dim);color:var(--green)}.sr-voice-select{flex:1;padding:5px 8px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text2);font-size:12px;font-family:var(--font-body);cursor:pointer;outline:none;max-width:220px}.sr-voice-select:focus{border-color:var(--green)}.tts-active-block{border-left:3px solid var(--green)!important;background:#22c55e0f!important;border-radius:6px;padding-left:12px;transition:background .3s,border-left .3s}@media(max-width:768px){.screen-reader-fab{bottom:80px;left:16px;width:46px;height:46px;font-size:18px}.screen-reader-panel{left:12px;right:12px;width:auto;bottom:138px}}.bug-reporter-fab{position:fixed;bottom:90px;right:24px;z-index:9000;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:2px solid rgba(139,92,246,.3);box-shadow:0 4px 20px #8b5cf64d;cursor:pointer;font-size:20px;color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .15s,box-shadow .2s,background .2s}.bug-reporter-fab:hover{transform:scale(1.08);box-shadow:0 6px 28px #8b5cf673}.bug-reporter-fab.active{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef444466;box-shadow:0 4px 20px #ef444459}.bug-reporter-panel{position:fixed;bottom:154px;right:24px;z-index:9001;width:340px;background:#161a26f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;box-shadow:0 12px 48px #00000080;overflow:hidden;animation:brSlideIn .2s cubic-bezier(.22,1,.36,1) both}@keyframes brSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.br-header{display:flex;align-items:center;gap:8px;padding:14px 16px 10px;border-bottom:1px solid var(--border)}.br-header-title{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--text)}.br-type-selector{display:flex;flex-direction:column;gap:4px;padding:12px 16px 8px}.br-type-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;border:1.5px solid var(--border);background:transparent;color:var(--text2);cursor:pointer;font-size:13px;font-weight:500;transition:color var(--duration-fast) ease,background var(--duration-fast) ease,border-color var(--duration-fast) ease,opacity var(--duration-fast) ease;text-align:left;font-family:var(--font-body)}.br-type-btn:hover{border-color:#8b5cf6;color:var(--text);background:#8b5cf60f}.br-type-btn.active{border-color:#8b5cf6;background:#8b5cf61a;color:#c4b5fd;font-weight:600}.br-body{padding:8px 16px 16px}.br-textarea{width:100%;padding:10px 12px;border-radius:10px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;font-family:var(--font-body);resize:vertical;min-height:80px;max-height:200px;outline:none;transition:border-color .2s;box-sizing:border-box}.br-textarea:focus{border-color:#8b5cf6}.br-textarea::placeholder{color:var(--text3)}.br-char-count{text-align:right;font-size:10px;color:var(--text3);margin-top:4px}.br-page-info{font-size:11px;color:var(--text3);margin-top:8px;padding:6px 8px;border-radius:6px;background:#8b5cf60d;border:1px solid rgba(139,92,246,.1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.br-error{margin-top:8px;padding:8px 10px;border-radius:8px;background:var(--red-dim);border:1px solid rgba(248,113,113,.3);color:var(--red);font-size:12px;font-weight:500}.br-submit-btn{width:100%;margin-top:12px;padding:10px 0;border-radius:10px;border:none;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-weight:700;font-size:13px;font-family:var(--font-body);cursor:pointer;transition:color var(--duration-fast) ease,background var(--duration-fast) ease,border-color var(--duration-fast) ease,opacity var(--duration-fast) ease}.br-submit-btn:hover:not(:disabled){box-shadow:0 4px 16px #8b5cf666}.br-submit-btn:disabled{opacity:.5;cursor:default}.br-success{padding:30px 20px;text-align:center;color:var(--text2);font-size:13px}.evidence-header{text-align:center;margin-bottom:24px}.evidence-cycle-id{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--text);letter-spacing:1px}.evidence-week-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:8px}.evidence-week-nav button{background:var(--surface2);border:1px solid var(--border);color:var(--text2);width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:16px;transition:color var(--duration-base) ease,background var(--duration-base) ease,border-color var(--duration-base) ease,transform var(--duration-base) var(--ease-spring);display:flex;align-items:center;justify-content:center}.evidence-week-nav button:hover:not(:disabled){background:var(--surface3, var(--surface2));color:var(--amber);border-color:var(--amber)}.evidence-week-nav button:disabled{opacity:.3;cursor:not-allowed}.evidence-day-tabs{display:flex;gap:4px;background:var(--bg);border-radius:10px;padding:4px;margin-bottom:20px;border:1px solid var(--border)}.evidence-day-tab{flex:1;padding:10px 8px;border-radius:7px;border:none;background:transparent;color:var(--text2);font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;transition:color var(--duration-base) ease,background var(--duration-base) ease,border-color var(--duration-base) ease,transform var(--duration-base) var(--ease-spring);text-align:center}.evidence-day-tab:hover{color:var(--text);background:#b08eff0f}.evidence-day-tab.active{background:linear-gradient(135deg,#f5a6231f,#b08eff0f);color:var(--amber);box-shadow:0 1px 4px #0003,0 0 16px #f5a6231a}.evidence-day-tab .day-status-dot{width:6px;height:6px;border-radius:50%;background:var(--green, #10b981);display:inline-block;margin-left:6px;vertical-align:middle}.evidence-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;border-radius:var(--radius);border:2px dashed var(--border);background:var(--surface2);cursor:pointer;transition:border-color .2s,background .2s;color:var(--text3);font-size:14px;font-weight:600;margin-bottom:16px}.evidence-upload-zone:hover{border-color:var(--amber);background:#f5a6230a}.evidence-photo-display{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);margin-bottom:16px}.evidence-photo-display img{width:100%;max-height:320px;object-fit:cover;display:block}.evidence-photo-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#0009;border:none;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.evidence-photo-remove:hover{background:#f87171cc}.evidence-reflection-locked{position:relative}.evidence-reflection-locked textarea{opacity:.4;pointer-events:none}.evidence-reflection-locked-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--text3);font-weight:500;pointer-events:none}.evidence-pdf-btn{padding:8px 18px;border-radius:8px;border:1px solid var(--border);background:var(--surface2);color:var(--text2);font-size:13px;font-weight:600;cursor:pointer;transition:color var(--duration-base) ease,background var(--duration-base) ease,border-color var(--duration-base) ease,transform var(--duration-base) var(--ease-spring)}.evidence-pdf-btn:hover{background:var(--surface3, var(--surface2));color:var(--text);border-color:var(--amber)}.evidence-pdf-btn:disabled{opacity:.5;cursor:not-allowed}.push-optin{display:flex;align-items:center;gap:12px;max-width:700px;margin:12px auto 0;padding:12px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);animation:fadeIn .3s ease}.push-optin-icon{font-size:20px;flex-shrink:0}.push-optin-text{flex:1;font-size:13px;color:var(--text2)}.push-optin-btn{padding:6px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;border:none;white-space:nowrap}.push-optin-enable{background:var(--amber);color:var(--bg)}.push-optin-enable:hover{filter:brightness(1.1)}.push-optin-dismiss{background:transparent;color:var(--text3);border:1px solid var(--border)}.push-optin-dismiss:hover{background:var(--surface2)}@media(max-width:520px){.push-optin{flex-wrap:wrap;gap:8px}.push-optin-text{width:100%}}@keyframes offlineBannerSlide{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:768px){.bug-reporter-fab{bottom:80px;right:16px;width:46px;height:46px;font-size:18px}.bug-reporter-panel{left:12px;right:12px;width:auto;bottom:138px}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-7);padding:var(--space-6);animation:fadeIn .6s var(--ease-spring) both}.login-hero{text-align:center;position:relative}.login-glow{display:none}.login-logo{width:100px;height:100px;border-radius:var(--radius-lg);margin-bottom:var(--space-5);position:relative;animation:loginLogoEntry .8s var(--ease-spring) both}@keyframes loginLogoEntry{0%{opacity:0;transform:scale(.9) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.login-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;color:var(--brand);margin-bottom:var(--space-2);letter-spacing:var(--tracking-tight)}.login-subtitle{color:var(--text-2);font-size:var(--text-md);letter-spacing:var(--tracking-wide);text-transform:uppercase}.login-error{background:var(--red-muted);border:1px solid rgba(239,95,95,.25);border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);max-width:380px;text-align:center;color:var(--red);font-size:var(--text-sm);line-height:1.6;animation:fadeIn .3s ease}.login-btn{padding:var(--space-4) var(--space-7);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-0);color:var(--text);font-family:var(--font-body);font-size:var(--text-md);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:var(--space-3);transition:transform var(--duration-base) var(--ease-spring),border-color var(--duration-base) ease,box-shadow var(--duration-base) ease;box-shadow:var(--shadow-sm)}.login-btn:hover{border-color:var(--border-active);transform:translateY(-2px);box-shadow:var(--shadow-brand-md)}.login-btn:active{transform:translateY(0)}.login-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.login-footer{color:var(--text-3);font-size:var(--text-sm);max-width:300px;text-align:center;line-height:1.6}.login-footer strong{color:var(--text-2)}@media(max-width:480px){.login-title{font-size:var(--text-3xl)}.login-subtitle{font-size:var(--text-base)}.login-btn{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}}.page-wrapper{padding:var(--space-9) var(--space-8);max-width:1200px;margin:0 auto}.page-wrapper--narrow{max-width:800px}.page-wrapper--medium{max-width:960px}.page-header{margin-bottom:var(--space-7)}.page-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;letter-spacing:var(--tracking-tight);margin-bottom:var(--space-1)}.page-subtitle{font-size:var(--text-base);color:var(--text-2);line-height:1.6}.section-heading{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--text);margin-bottom:var(--space-3);letter-spacing:-.01em}.stat-row{display:grid;gap:12px}.stat-row--3{grid-template-columns:repeat(3,1fr)}.stat-row--4{grid-template-columns:repeat(4,1fr)}.stat-row--5{grid-template-columns:repeat(5,1fr)}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 14px;text-align:center;transition:transform var(--duration-slow) var(--ease-spring),opacity var(--duration-slow) ease,background var(--duration-slow) ease}.stat-card:hover{border-color:var(--border-hover);box-shadow:0 4px 20px #0003,0 0 16px #ffffff05;transform:translateY(-2px)}.stat-value{font-family:var(--font-display);font-size:26px;font-weight:700;line-height:1.2}.stat-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text3);margin-top:4px}.tab-bar{display:flex;gap:4px;background:var(--surface);border-radius:10px;padding:4px;border:1px solid var(--border);overflow-x:auto}.tab-item{padding:8px 18px;border-radius:7px;border:none;background:transparent;color:var(--text2);font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;transition:color var(--duration-base) ease,background var(--duration-base) ease,border-color var(--duration-base) ease,transform var(--duration-base) var(--ease-spring);white-space:nowrap;text-decoration:none}.tab-item:hover{color:var(--text);background:var(--surface-1);text-decoration:none}.tab-item.active{background:var(--surface-2);color:var(--text);box-shadow:var(--shadow-sm)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;color:var(--text3);text-align:center}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.6}.empty-state-title{font-family:var(--font-display);font-size:20px;font-weight:600;color:var(--text2);margin-bottom:8px}.empty-state-text{font-size:14px;max-width:400px;line-height:1.6}.modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.modal-content{background:var(--surface-0);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-7);max-width:480px;width:90%;box-shadow:var(--shadow-xl);animation:fadeIn .3s var(--ease-spring) both}.modal-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-4)}.input-field{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-0);color:var(--text);font-family:var(--font-body);font-size:var(--text-sm);transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease;outline:none}.input-field:focus{border-color:var(--amber);box-shadow:0 0 0 3px #f5a62314}.input-field::placeholder{color:var(--text3)}.select-field{padding:10px 14px;border-radius:10px;border:1.5px solid var(--border);background:var(--surface2);color:var(--text);font-family:var(--font-body);font-size:14px;cursor:pointer;outline:none;transition:border-color .2s}.select-field:focus{border-color:var(--amber)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 10px;border-radius:6px;white-space:nowrap}.badge--amber{background:var(--amber-dim);color:var(--amber)}.badge--green{background:var(--green-dim);color:var(--green)}.badge--red{background:var(--red-dim);color:var(--red)}.badge--blue{background:var(--blue-dim);color:var(--blue)}.badge--purple{background:var(--purple-dim);color:var(--purple)}.badge--cyan{background:var(--cyan-dim);color:var(--cyan)}.badge--muted{background:var(--surface2);color:var(--text3)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text3);font-size:16px;cursor:pointer;transition:color var(--duration-base) ease,background var(--duration-base) ease,border-color var(--duration-base) ease,transform var(--duration-base) var(--ease-spring)}.icon-btn:hover{border-color:var(--amber);color:var(--text);background:var(--amber-dim)}.icon-btn--danger:hover{border-color:var(--red);color:var(--red);background:var(--red-dim)}.icon-btn--small{width:28px;height:28px;font-size:13px}.section-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border) 20%,var(--border) 80%,transparent);margin:24px 0}.card-grid{display:grid;gap:16px}.card-grid--2{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.card-grid--3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card-grid--4{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.progress-bar{height:8px;background:var(--surface2);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:4px;transition:width .5s cubic-bezier(.22,1,.36,1);background:linear-gradient(90deg,var(--amber),var(--amber-bright))}.progress-bar-fill--green{background:linear-gradient(90deg,var(--green),#2dd4bf)}.progress-bar-fill--purple{background:linear-gradient(90deg,var(--purple),#c4b5fd)}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text3);padding:10px 14px;text-align:left;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:2}.data-table td{padding:10px 14px;font-size:13px;color:var(--text2);border-bottom:1px solid rgba(50,57,82,.3);vertical-align:middle}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:#ffffff04}.collapsible-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:color var(--duration-base) ease,background var(--duration-base) ease,border-color var(--duration-base) ease,transform var(--duration-base) var(--ease-spring);-webkit-user-select:none;user-select:none}.collapsible-header:hover{border-color:var(--border-hover);background:linear-gradient(135deg,var(--surface),rgba(255,255,255,.015))}.collapsible-header.open{border-radius:var(--radius) var(--radius) 0 0;border-bottom-color:transparent}.collapsible-body{background:var(--surface);border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius) var(--radius);padding:18px}@media(max-width:768px){.page-wrapper{padding:28px 20px}.page-title{font-size:26px}.page-subtitle{font-size:14px}.section-heading{font-size:18px}.stat-row--3,.stat-row--4,.stat-row--5{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:22px}.tab-bar{gap:2px;padding:3px}.tab-item{padding:7px 14px;font-size:13px}.card-grid--2,.card-grid--3,.card-grid--4{grid-template-columns:1fr}.modal-content{padding:20px;margin:16px}.top-bar{padding:0 16px;gap:10px}.top-brand{font-size:20px}.top-nav-links{margin-left:12px}.top-nav-link{padding:6px 14px;font-size:13px}.user-name{display:none}}@media(max-width:480px){.page-wrapper{padding:20px 16px}.page-title{font-size:22px}.stat-row--3,.stat-row--4,.stat-row--5{grid-template-columns:1fr 1fr}.stat-card{padding:12px 10px}.stat-value{font-size:20px}.tab-bar{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-item{padding:6px 12px;font-size:12px}.top-nav-links{display:none}}.sd-avatar-hero{display:flex;justify-content:center;margin-bottom:var(--space-6)}.sd-avatar-card{position:relative;background:var(--surface-0);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-4) var(--space-2);cursor:pointer;transition:border-color var(--duration-base) ease,box-shadow var(--duration-base) ease,transform var(--duration-base) var(--ease-spring)}.sd-avatar-card:hover{border-color:var(--border-active);box-shadow:var(--shadow-brand-md);transform:translateY(-2px)}.sd-avatar-label{text-align:center;margin-top:var(--space-1);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;transition:color var(--duration-fast) ease}.sd-avatar-label--custom{color:var(--text-3)}.sd-avatar-label--new{color:var(--brand)}.sd-welcome{margin-bottom:var(--space-8)}.sd-welcome-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-1)}.sd-welcome-heading{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;letter-spacing:var(--tracking-tight);color:var(--text)}.sd-level-badge{text-align:right}.sd-level-title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--brand)}.sd-level-xp{font-size:var(--text-xs);color:var(--text-3);font-weight:400}.sd-xp-section{margin-bottom:var(--space-3)}.sd-xp-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--text-3);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.sd-xp-bar{height:4px;background:var(--surface-1);border-radius:2px;overflow:hidden}.sd-xp-fill{height:100%;background:var(--brand);border-radius:2px;transition:width .6s var(--ease-spring)}.sd-stats{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:stretch}.sd-courses{margin-bottom:var(--space-9)}.sd-courses-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.sd-course-icon{font-size:24px;width:44px;height:44px;border-radius:var(--radius-md);background:var(--brand-subtle);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--duration-fast) var(--ease-spring)}.card:hover .sd-course-icon{transform:scale(1.05)}.sd-course-top{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.sd-course-title{font-size:var(--text-md);font-weight:600;color:var(--text);margin-bottom:1px}.sd-course-subtitle{font-size:var(--text-xs);color:var(--text-3);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.sd-course-progress{margin-bottom:var(--space-2)}.sd-course-progress-header{display:flex;justify-content:space-between;font-size:var(--text-xs);margin-bottom:var(--space-1)}.sd-course-progress-label{color:var(--text-3);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.sd-course-progress-value{color:var(--brand);font-weight:600}.sd-course-bar{height:3px;background:var(--surface-1);border-radius:2px;overflow:hidden}.sd-course-bar-fill{height:100%;background:var(--brand);border-radius:2px;transition:width .4s var(--ease-spring)}.sd-course-stats{display:flex;gap:var(--space-4);font-size:var(--text-xs);color:var(--text-3)}.sd-accuracy-good{color:var(--green)}.sd-accuracy-low{color:var(--red)}.sd-badges{margin-bottom:var(--space-9)}.sd-skeleton-avatar{width:200px;height:220px;border-radius:var(--radius-lg)}.sd-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}@media(max-width:768px){.sd-welcome-heading{font-size:var(--text-xl)}.sd-level-badge{display:none}.sd-courses-header{flex-wrap:wrap;gap:var(--space-2)}.sd-avatar-card{padding:var(--space-3) var(--space-3) var(--space-2)}}@media(max-width:480px){.sd-welcome-heading{font-size:var(--text-xl)}.sd-welcome-header{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.sd-level-badge{display:block;text-align:left}.sd-stats{flex-direction:column}.sd-courses-header{flex-direction:column;align-items:stretch;gap:var(--space-2)}.sd-courses-header .btn{width:100%;text-align:center}}.td-quick-links{display:flex;gap:10px;margin-bottom:36px;flex-wrap:wrap}.td-quick-links .btn{text-decoration:none}.td-section{margin-bottom:40px}.td-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:10px}.td-section-actions{display:flex;gap:8px}.td-card-badge{position:absolute;top:12px;right:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:6px}.td-card-badge--coteacher{color:var(--purple);background:var(--purple-dim)}.td-card-badge--viewonly{color:var(--text3);background:var(--surface2)}.td-course-icon{font-size:32px;width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .15s}.td-course-icon--editable{cursor:pointer;border:2px solid transparent;background:var(--amber-dim)}.td-course-icon--editable.editing{border-color:var(--amber)}.td-course-icon--readonly{background:var(--surface2);border:none}.td-icon-picker{display:flex;gap:5px;flex-wrap:wrap;padding:8px 0;margin-bottom:10px}.td-icon-btn{font-size:22px;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);background:transparent;transition:color var(--duration-fast) ease,background var(--duration-fast) ease,border-color var(--duration-fast) ease,opacity var(--duration-fast) ease}.td-icon-btn.active{border:2px solid var(--amber);background:var(--amber-dim)}.td-icon-btn:hover:not(.active){border-color:var(--border-hover);background:#ffffff05}.td-enroll-code{margin-top:12px;padding:10px 12px;background:var(--surface2);border-radius:8px;font-size:12px;display:flex;justify-content:space-between;align-items:center}.td-enroll-label{color:var(--text3);font-weight:600}.td-enroll-value{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--amber);letter-spacing:1.5px}.td-owner-info{margin-top:12px;padding:10px 12px;background:var(--surface2);border-radius:8px;font-size:12px;color:var(--text3)}.td-coteacher-toggle{font-size:12px;color:var(--purple);background:none;border:none;cursor:pointer;font-weight:600;padding:0;margin-top:8px;transition:color .15s}.td-coteacher-toggle:hover{color:var(--purple)}.td-coteacher-list{margin-top:6px;display:flex;flex-direction:column;gap:4px}.td-coteacher-row{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background:var(--surface2);border-radius:6px;font-size:12px}.td-coteacher-row span{color:var(--text2)}.td-coteacher-remove{background:none;border:none;cursor:pointer;color:var(--text3);font-size:14px;padding:0 4px;line-height:1;transition:color .15s}.td-coteacher-remove:hover{color:var(--red)}.td-card-actions{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);display:flex;gap:14px;flex-wrap:wrap}.td-action-link{font-size:13px;font-weight:600;text-decoration:none;transition:opacity .15s}.td-action-link:hover{opacity:.8;text-decoration:none}.td-action-link--amber{color:var(--amber)}.td-action-link--purple{color:var(--purple)}.td-action-btn{font-size:13px;font-weight:600;background:none;border:none;cursor:pointer;padding:0;color:var(--amber);transition:opacity .15s}.td-action-btn:hover{opacity:.8}.td-template-desc{color:var(--text3);font-size:13px;margin-bottom:14px}.td-template-icon{font-size:32px;margin-bottom:12px;width:56px;height:56px;border-radius:12px;background:var(--surface2);display:flex;align-items:center;justify-content:center}.td-template-by{font-size:11px;color:var(--text3);margin-top:8px}.td-fork-btn{font-size:13px;font-weight:700;color:var(--amber);background:none;border:none;cursor:pointer;padding:0;transition:color .15s}.td-fork-btn:hover{color:var(--amber-bright)}.td-fork-btn:disabled{opacity:.5;cursor:default}.td-modal-icon-picker{display:flex;gap:6px;flex-wrap:wrap}.td-modal-icon-btn{font-size:24px;width:40px;height:40px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);background:transparent;transition:color var(--duration-fast) ease,background var(--duration-fast) ease,border-color var(--duration-fast) ease,opacity var(--duration-fast) ease}.td-modal-icon-btn.active{border:2px solid var(--amber);background:var(--amber-dim)}.td-modal-label{font-size:12px;color:var(--text3);display:block;margin-bottom:4px}.td-modal-field{margin-bottom:16px}.td-modal-actions{display:flex;gap:10px;justify-content:flex-end}@media(max-width:768px){.td-quick-links{gap:8px}.td-section-header{flex-direction:column;align-items:stretch}.td-section-actions{justify-content:flex-end}}@media(max-width:480px){.td-quick-links{flex-direction:column}.td-quick-links .btn{width:100%;text-align:center}.td-section-actions{flex-direction:column}.td-section-actions .btn{width:100%;text-align:center}}.cp-back-link{font-size:13px;color:var(--text3);margin-bottom:16px;display:block;transition:color .2s}.cp-back-link:hover{color:var(--text);text-decoration:none}.cp-hero{display:flex;align-items:center;gap:16px;margin-bottom:24px}.cp-hero-icon{font-size:40px;width:64px;height:64px;border-radius:var(--radius);background:var(--amber-dim);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cp-hero-title{font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.02em}.cp-hero-desc{color:var(--text2);font-size:14px;margin-top:2px}.cp-teacher-links{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.cp-teacher-link{font-size:13px;font-weight:600;text-decoration:none;padding:6px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface);transition:color var(--duration-base) ease,background var(--duration-base) ease,border-color var(--duration-base) ease,transform var(--duration-base) var(--ease-spring)}.cp-teacher-link:hover{border-color:var(--border-hover);background:#ffffff05;text-decoration:none}.cp-teacher-link--amber{color:var(--amber)}.cp-teacher-link--purple{color:var(--purple)}.cp-teacher-link--red{color:var(--red)}.cp-teacher-link--green{color:var(--green)}.cp-lesson-list{display:flex;flex-direction:column;gap:8px}.cp-unit-header{display:flex;align-items:center;gap:14px;width:100%;padding:16px 20px;margin-bottom:8px;cursor:pointer;transition:color var(--duration-fast) ease,background var(--duration-fast) ease,border-color var(--duration-fast) ease,opacity var(--duration-fast) ease;border-left:4px solid var(--amber);text-align:left;color:inherit}.cp-unit-header:first-of-type{margin-top:0}.cp-unit-header .cp-unit-chevron{transition:transform .2s;display:inline-block;font-size:14px;color:var(--amber)}.cp-unit-header .cp-unit-chevron.collapsed{transform:rotate(-90deg)}.cp-unit-title{font-family:var(--font-display);font-weight:700;font-size:18px}.cp-unit-count{font-size:12px;color:var(--text3);margin-top:2px}.cp-lesson-row{display:flex;align-items:center;gap:16px;cursor:pointer}.cp-lesson-number{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:14px;flex-shrink:0;transition:transform .2s}.cp-lesson-number--default{background:var(--surface2);color:var(--amber)}.cp-lesson-number--completed{background:#10b98126;color:var(--green)}.cp-lesson-meta{margin-left:auto;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.cp-question-count{color:var(--text3);font-size:13px}.cp-due-date{font-size:11px;font-weight:600}.cp-due-date--overdue{color:var(--red)}.cp-due-date--today,.cp-due-date--soon{color:var(--amber)}.cp-due-date--normal{color:var(--text3)}.cp-evidence-card{display:flex;align-items:center;gap:14px;margin-bottom:16px;text-decoration:none;color:inherit;cursor:pointer}.cp-evidence-icon{font-size:24px;width:44px;height:44px;border-radius:10px;background:#10b9811f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cp-evidence-arrow{margin-left:auto;color:var(--text3);font-size:18px}@media(max-width:768px){.cp-hero-title{font-size:24px}.cp-teacher-links{gap:6px}.cp-teacher-link{font-size:12px;padding:5px 10px}}@media(max-width:480px){.cp-hero{gap:12px}.cp-hero-icon{width:52px;height:52px;font-size:32px}.cp-hero-title{font-size:22px}.cp-teacher-links{flex-direction:column}.cp-teacher-link{width:100%;text-align:center}}.mg-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:28px}.mg-stat{text-align:center;padding:16px 12px}.mg-stat-icon{font-size:18px;margin-bottom:4px}.mg-stat-value{font-family:var(--font-display);font-size:26px;font-weight:700;line-height:1.2}.mg-stat-label{font-size:10px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.mg-unit-group{margin-bottom:24px}.mg-unit-title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text2);margin-bottom:10px}.mg-lesson-card{padding:16px 20px}.mg-lesson-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.mg-lesson-info{flex:1;min-width:0}.mg-lesson-title-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.mg-lesson-title{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mg-lesson-meta{display:flex;gap:12px;font-size:12px;color:var(--text3);flex-wrap:wrap}.mg-grade{text-align:right;flex-shrink:0}.mg-grade-value{font-family:var(--font-display);font-size:22px;font-weight:700}.mg-grade-detail{font-size:11px;color:var(--text3)}.mg-breakdown{margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.mg-indicators{display:flex;gap:4px;flex-wrap:wrap}.mg-mc-dot{width:24px;height:24px;border-radius:6px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:transform .15s}.mg-mc-dot:hover{transform:scale(1.15)}.mg-mc-dot--correct{background:#10b98126;color:var(--green)}.mg-mc-dot--incorrect{background:#ef444426;color:var(--red)}.mg-mc-dot--unanswered{background:var(--surface2);color:var(--text3)}.mg-written-pill{height:24px;border-radius:6px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 8px;transition:transform .15s}.mg-written-pill:hover{transform:scale(1.08)}.mg-feedback-row{padding:6px 10px;border-radius:6px;background:#8b5cf60f;border:1px solid rgba(139,92,246,.1);font-size:11px;line-height:1.5;color:var(--text2)}.mg-feedback-icon{font-weight:600;color:var(--purple);font-size:10px}.mg-reflection-pill{height:24px;border-radius:6px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 8px}.mg-activity-card{padding:16px 20px}.mg-activity-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.mg-activity-title{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:480px){.mg-stats{grid-template-columns:1fr 1fr}.mg-lesson-header{flex-direction:column;align-items:flex-start}.mg-grade{text-align:left}}.perf-mode *,.perf-mode *:before,.perf-mode *:after{animation:none!important;animation-duration:0s!important;transition:none!important;transition-duration:0s!important}.perf-mode *{box-shadow:none!important;text-shadow:none!important}.perf-mode *:before,.perf-mode *:after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.perf-mode .top-bar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--bg)!important}.perf-mode .top-bar:after{display:none!important}.perf-mode .lesson-hero,.perf-mode .course-hero,.perf-mode .cp-hero{background-image:none!important}.perf-mode .perf-math{font-family:monospace;text-align:center;padding:4px 0}.md-table{width:100%;border-collapse:collapse;margin:12px 0;font-size:15px;border-radius:10px;overflow:hidden;border:1px solid var(--border, #2a2f3d)}.md-table th{padding:12px 16px;text-align:left;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--amber, #f5a623);background:var(--surface-alt, #222738);border-bottom:2px solid var(--border, #2a2f3d)}.md-table td{padding:11px 16px;color:var(--text, #e2e8f0);border-bottom:1px solid var(--border, #2a2f3d);line-height:1.5}.md-table tbody tr:nth-child(2n){background:#ffffff05}.md-table tbody tr:hover{background:#ffffff0a}.md-table strong{color:var(--amber, #f5a623)}.text-block{font-size:18px;color:var(--text);line-height:1.8}.text-block strong{color:var(--amber);font-weight:600}.text-block p{margin-bottom:14px}.text-block ul,.text-block ol{margin-bottom:14px;padding-left:24px}.text-block li{margin-bottom:6px}.video-wrapper{position:relative;padding-bottom:56.25%;border-radius:var(--radius);overflow:hidden;background:var(--surface);box-shadow:0 4px 24px #00000080,0 0 40px #ffffff05}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-caption{font-size:15px;color:var(--text3);margin-bottom:8px}.definition-block{background:linear-gradient(135deg,var(--surface),rgba(255,255,255,.02));border-left:4px solid var(--purple);border-radius:0 var(--radius) var(--radius) 0;padding:20px 24px;box-shadow:0 2px 12px #0003,inset 4px 0 24px #ffffff08;transition:transform var(--duration-slow) var(--ease-spring),box-shadow var(--duration-slow) ease,border-color var(--duration-slow) ease}.definition-block:hover{box-shadow:0 4px 20px #00000040,inset 4px 0 36px #ffffff0d,0 0 20px #ffffff05;border-left-color:var(--purple)}.def-term{font-weight:700;font-size:20px;color:var(--purple);margin-bottom:6px}.def-text{font-size:17px;color:var(--text2);line-height:1.7}.callout-block{display:flex;gap:14px;padding:20px 24px;border-radius:var(--radius);font-size:17px;line-height:1.75}.callout-icon{font-size:26px;flex-shrink:0;margin-top:2px}.callout-content{flex:1}.callout-insight{background:linear-gradient(135deg,var(--amber-dim),rgba(245,166,35,.04));border:1px solid rgba(245,166,35,.25);box-shadow:inset 0 0 30px #f5a6230d,0 0 16px #f5a62308}.callout-warning{background:linear-gradient(135deg,var(--red-dim),rgba(248,113,113,.04));border:1px solid rgba(248,113,113,.25);box-shadow:inset 0 0 30px #f871710d,0 0 16px #f8717108}.callout-question{background:linear-gradient(135deg,var(--blue-dim),rgba(96,165,250,.04));border:1px solid rgba(96,165,250,.25);box-shadow:inset 0 0 30px #60a5fa0d,0 0 16px #60a5fa08}.callout-content strong{color:var(--amber)}.objectives-block{background:linear-gradient(135deg,var(--green-dim),rgba(52,216,168,.04));border:1px solid rgba(52,216,168,.25);border-radius:var(--radius);padding:24px 28px;box-shadow:inset 0 0 30px #34d8a80d,0 0 16px #34d8a808}.objectives-title{font-family:var(--font-display);font-size:22px;font-weight:600;margin-bottom:12px}.objectives-list li{font-size:17px;color:var(--text);margin-bottom:8px;line-height:1.7}.activity-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 2px 12px #0003;transition:transform var(--duration-slow) var(--ease-spring),box-shadow var(--duration-slow) ease,border-color var(--duration-slow) ease}.activity-block:hover{border-color:var(--border-hover);box-shadow:0 6px 24px #0000004d,inset 0 0 30px #ffffff05,0 0 20px #ffffff05}.activity-header{display:flex;align-items:center;gap:12px;padding:16px 24px;background:var(--surface2);border-bottom:1px solid var(--border)}.activity-icon{font-size:26px}.activity-title{font-family:var(--font-display);font-size:22px;font-weight:600}.activity-body{padding:20px 24px;font-size:17px;line-height:1.85}.activity-body strong{color:var(--amber)}.vocab-list-block{display:flex;flex-direction:column;gap:1px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);box-shadow:0 2px 12px #0003}.vocab-item{display:flex;gap:20px;padding:16px 20px;background:var(--surface);transition:background .2s}.vocab-item:hover{background:var(--surface2)}.vocab-term{font-weight:700;color:var(--cyan);flex:0 0 160px;font-size:17px}.vocab-def{font-size:17px;color:var(--text2);line-height:1.6}.section-header-block{display:flex;align-items:center;gap:18px;padding:40px 0 14px;border-bottom:none;margin-bottom:10px;scroll-margin-top:80px;position:relative}.section-header-block:after{content:"";display:block;position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--brand-muted),rgba(255,255,255,.06) 40%,transparent 70%)}.section-icon{font-size:36px}.section-title{font-family:var(--font-display);font-size:32px;font-weight:700;letter-spacing:-.01em}.section-subtitle{font-size:16px;color:var(--text3);margin-top:3px}.question-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;transition:transform var(--duration-slow) var(--ease-spring),box-shadow var(--duration-slow) ease,border-color var(--duration-slow) ease;box-shadow:0 2px 12px #0003}.question-block.correct{border-color:#34d8a866;box-shadow:0 0 30px #34d8a81f,inset 0 0 40px #34d8a80d,0 0 60px #34d8a80a}.question-block.incorrect{border-color:#f8717166;box-shadow:0 0 30px #f871711f,inset 0 0 40px #f871710d,0 0 60px #f871710a}.question-badge{display:inline-block;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:4px 12px;border-radius:6px;background:var(--amber-dim);color:var(--amber);margin-bottom:14px}.question-badge.sa{background:var(--blue-dim);color:var(--blue)}.question-prompt{font-size:20px;font-weight:500;margin-bottom:20px;line-height:1.65}.mc-options{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.mc-option{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--bg);border:1.5px solid var(--border);border-radius:10px;cursor:pointer;font-size:17px;transition:color var(--duration-base) ease,background var(--duration-base) ease,border-color var(--duration-base) ease;text-align:left;color:var(--text);font-family:var(--font-body)}.mc-option:hover:not(:disabled){border-color:var(--amber);background:#f5a6231a}.mc-option.selected{border-color:var(--amber);background:var(--amber-dim)}.mc-option.correct-answer{border-color:var(--green);background:var(--green-dim)}.mc-option.wrong-answer{border-color:var(--red);background:var(--red-dim)}.option-letter{width:32px;height:32px;border-radius:8px;background:var(--surface2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:var(--text2);flex-shrink:0;transition:color var(--duration-base) ease,background var(--duration-base) ease,border-color var(--duration-base) ease}.mc-option.selected .option-letter{background:var(--amber);color:var(--bg)}.mc-option.correct-answer .option-letter{background:var(--green);color:var(--bg)}.mc-option.wrong-answer .option-letter{background:var(--red);color:var(--bg)}.option-text{flex:1;line-height:1.5}.check-icon{color:var(--green);font-weight:700;font-size:20px}.x-icon{color:var(--red);font-weight:700;font-size:20px}.explanation{margin-top:18px;padding:16px 20px;border-radius:10px;background:var(--green-dim);font-size:17px;line-height:1.7;border:1px solid rgba(52,216,168,.15)}.explanation strong{color:var(--green)}.sa-input{width:100%;padding:14px 18px;border-radius:10px;border:1.5px solid var(--border);background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:17px;resize:vertical;margin-bottom:14px;line-height:1.7;transition:border-color .2s}.sa-input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 16px #60a5fa1f,0 0 4px #60a5fa0f}.sa-answer-display{background:var(--bg);padding:16px 20px;border-radius:10px;font-size:17px;line-height:1.7;margin-bottom:10px}.sa-status{font-size:15px;color:var(--green);font-weight:500}.chatbot-block{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface);box-shadow:0 2px 12px #0003}.chatbot-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;cursor:pointer;background:var(--surface-1);border-bottom:1px solid var(--border);transition:background var(--duration-base) ease}.chatbot-header:hover{background:var(--surface-2)}.chatbot-header-left{display:flex;align-items:center;gap:12px}.chatbot-icon{font-size:28px}.chatbot-title{font-family:var(--font-display);font-size:22px;font-weight:600}.chatbot-toggle{color:var(--text3);font-size:17px}.chatbot-instructions{padding:16px 24px;background:var(--amber-dim);border-bottom:1px solid var(--border);font-size:16px;line-height:1.75;color:var(--text)}.chatbot-instructions strong{color:var(--amber)}.chatbot-conversation{padding:20px 24px;max-height:450px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.chat-message{display:flex;gap:12px}.chat-message.user{flex-direction:row-reverse}.chat-avatar{font-size:20px;flex-shrink:0;margin-top:4px}.chat-bubble{max-width:80%;padding:12px 16px;border-radius:14px;font-size:16px;line-height:1.65}.chat-message.assistant .chat-bubble{background:var(--surface2)}.chat-message.user .chat-bubble{background:var(--amber-dim)}.chat-role{font-size:11px;font-weight:700;color:var(--text3);margin-bottom:3px;text-transform:uppercase;letter-spacing:.06em}.chat-message.user .chat-role{text-align:right}.chat-text strong{color:var(--amber)}.chat-typing{display:flex;gap:5px;padding:6px 0}.chat-typing span{width:7px;height:7px;border-radius:50%;background:var(--text3);animation:chatTyping 1.2s infinite}.chat-typing span:nth-child(2){animation-delay:.2s}.chat-typing span:nth-child(3){animation-delay:.4s}@keyframes chatTyping{0%,80%{opacity:.3}40%{opacity:1}}.chatbot-input-row{display:flex;gap:10px;padding:14px 20px;border-top:1px solid var(--border)}.chatbot-input{flex:1;padding:12px 16px;border-radius:10px;border:1.5px solid var(--border);background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;transition:border-color .2s}.chatbot-input:focus{outline:none;border-color:var(--amber);box-shadow:0 0 16px #f5a6231a,0 0 4px #f5a6230d}.chatbot-send{width:44px;height:44px;border-radius:10px;border:none;background:linear-gradient(135deg,var(--amber),#fb923c);color:var(--bg);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color var(--duration-base) ease,background var(--duration-base) ease,border-color var(--duration-base) ease;font-size:17px;box-shadow:0 2px 8px #f5a62340}.chatbot-send:hover{box-shadow:0 4px 16px #f5a62359;transform:translateY(-1px)}.chatbot-send:disabled{opacity:.3;cursor:default;transform:none;box-shadow:none}.chatbot-footer{padding:10px 20px;font-size:13px;color:var(--text3);text-align:center;border-top:1px solid var(--border)}.chatbot-progress{padding:12px 20px;border-top:1px solid var(--border);background:var(--surface)}.chatbot-progress.complete{background:linear-gradient(135deg,#10b98114,#10b98105);border-top-color:#10b98140}.chatbot-progress-bar-track{height:6px;background:var(--bg);border-radius:3px;overflow:hidden;margin-bottom:8px}.chatbot-progress-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--amber),#fb923c);transition:width .4s ease}.chatbot-progress.complete .chatbot-progress-bar-fill{background:linear-gradient(90deg,#10b981,#34d399)}.chatbot-progress-text{font-size:13px;color:var(--text3);font-weight:500}.chatbot-progress-done{color:#10b981;font-weight:600}.chatbot-block.chatbot-complete{border-color:#10b9814d;box-shadow:0 0 20px #10b9810f}.lesson-layout{display:grid;grid-template-columns:1fr 240px;min-height:100vh;margin-top:62px}.lesson-content{padding:52px 72px 120px;min-width:0;max-width:1100px;margin-left:auto;margin-right:auto}.progress-sidebar{position:sticky;top:62px;height:calc(100vh - 62px);border-left:1px solid var(--border);background:var(--surface);padding:28px 18px;overflow-y:auto}.sidebar-section{margin-bottom:28px}.sidebar-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);margin-bottom:12px}.sidebar-stat{font-family:var(--font-display);font-size:34px;font-weight:700;color:var(--green);text-align:center}.sidebar-progress-ring{display:flex;justify-content:center;position:relative}.progress-ring-svg{width:80px;height:80px;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--surface2);stroke-width:3}.ring-fill{fill:none;stroke:var(--amber);stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .5s}.ring-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:20px;font-weight:700}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.sidebar-nav-item{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:8px;font-size:14px;color:var(--text2);text-decoration:none;transition:color var(--duration-base) ease,background var(--duration-base) ease,border-color var(--duration-base) ease}.sidebar-nav-item:hover{background:var(--surface2);color:var(--text);text-decoration:none}.block-editor-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.block-editor-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:var(--surface2);border-bottom:1px solid var(--border)}.block-editor-type{font-size:13px;font-weight:700;color:var(--amber);text-transform:uppercase;letter-spacing:.06em}.block-editor-actions{display:flex;gap:4px}.block-editor-body{padding:18px;display:flex;flex-direction:column;gap:14px}.editor-field{display:flex;flex-direction:column;gap:5px}.editor-field label{font-size:13px;font-weight:600;color:var(--text3)}.editor-input{width:100%;padding:10px 14px;border-radius:8px;border:1.5px solid var(--border);background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:14px;transition:border-color .2s}.editor-input:focus{outline:none;border-color:var(--amber)}.editor-select{padding:10px 14px;border-radius:8px;border:1.5px solid var(--border);background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:14px}.editor-icon-btn{width:30px;height:30px;border-radius:7px;border:1px solid var(--border);background:var(--bg);color:var(--text3);cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;transition:color var(--duration-base) ease,background var(--duration-base) ease,border-color var(--duration-base) ease}.editor-icon-btn:hover{border-color:var(--amber);color:var(--text)}.editor-icon-btn.delete:hover{border-color:var(--red);color:var(--red)}.block-drag-handle{cursor:grab;font-size:16px;color:var(--text3);-webkit-user-select:none;user-select:none;touch-action:none}.block-drag-handle:hover{color:var(--amber);border-color:var(--amber)}.block-drag-handle:active{cursor:grabbing}.editor-add-btn{padding:8px 16px;border-radius:8px;border:1.5px dashed var(--border);background:transparent;color:var(--text3);font-family:var(--font-body);font-size:13px;cursor:pointer;transition:color var(--duration-base) ease,background var(--duration-base) ease,border-color var(--duration-base) ease}.editor-add-btn:hover{border-color:var(--amber);color:var(--amber)}.editor-sidebar{width:300px;border-right:1px solid var(--border);background:var(--surface);flex-shrink:0;display:flex;flex-direction:column;height:100%;overflow:hidden}.sidebar-section{padding:16px 16px 12px;border-bottom:1px solid var(--border)}.sidebar-label{display:block;font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.sidebar-course-select{width:100%;padding:8px 12px;border-radius:8px;border:1.5px solid var(--border);background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:13px;cursor:pointer}.sidebar-course-select:focus{outline:none;border-color:var(--amber)}.sidebar-search{width:100%;padding:7px 12px;border-radius:8px;border:1.5px solid var(--border);background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:12px;box-sizing:border-box}.sidebar-search:focus{outline:none;border-color:var(--amber)}.sidebar-search::placeholder{color:var(--text3)}.sidebar-lessons-list{flex:1;overflow-y:auto;padding:8px 8px 4px}.sidebar-unit-group{margin-bottom:4px}.sidebar-unit-header{display:flex;align-items:center;gap:6px;width:100%;padding:6px 8px;margin-bottom:2px;background:none;border:none;cursor:pointer;font-size:11px;font-weight:700;color:var(--amber);text-transform:uppercase;letter-spacing:.06em;text-align:left;border-radius:6px}.sidebar-unit-header:hover{background:#f5a6230f}.sidebar-unit-chevron{transition:transform .15s;display:inline-block;font-size:11px}.sidebar-unit-chevron.collapsed{transform:rotate(-90deg)}.sidebar-unit-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-unit-count{color:var(--text3);font-weight:400;font-size:10px;background:var(--surface2);padding:1px 6px;border-radius:8px}.sidebar-lesson-item{display:flex;align-items:center;gap:4px;border-radius:8px;margin-bottom:2px;transition:background .1s}.sidebar-lesson-item:hover{background:var(--surface2)}.sidebar-lesson-item.active{background:#f5a6231a;outline:1.5px solid rgba(245,166,35,.3)}.sidebar-lesson-item.hidden-lesson{opacity:.55}.sidebar-lesson-item.hidden-lesson.active{opacity:1}.sidebar-drag-handle{width:20px;height:32px;display:flex;align-items:center;justify-content:center;cursor:grab;color:var(--text3);flex-shrink:0;border-radius:4px;opacity:.4;transition:opacity .15s,color .15s;touch-action:none}.sidebar-lesson-item:hover .sidebar-drag-handle{opacity:1}.sidebar-drag-handle:hover{color:var(--amber)}.sidebar-drag-handle:active{cursor:grabbing}.sidebar-lesson-btn{flex:1;min-width:0;background:none;border:none;cursor:pointer;text-align:left;padding:6px 8px 6px 2px;color:var(--text);font-family:var(--font-body)}.sidebar-lesson-title{display:block;font-size:12.5px;font-weight:500;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-lesson-meta{display:flex;gap:6px;margin-top:2px;flex-wrap:wrap}.sidebar-tag{font-size:10px;color:var(--text3);line-height:1}.sidebar-tag.hidden-tag{color:var(--amber);font-weight:600}.sidebar-tag.past-due{color:var(--red)}.sidebar-footer{padding:8px 12px 12px;border-top:1px solid var(--border)}.sidebar-new-lesson-btn{width:100%;padding:8px;border-radius:8px;border:1.5px dashed var(--border);background:transparent;color:var(--text3);font-family:var(--font-body);font-size:13px;font-weight:600;cursor:pointer;transition:color var(--duration-fast) ease,background var(--duration-fast) ease,border-color var(--duration-fast) ease}.sidebar-new-lesson-btn:hover{border-color:var(--amber);color:var(--amber);background:#f5a6230a}.mobile-lesson-progress{display:none}@media(max-width:768px){.lesson-layout{grid-template-columns:1fr}.lesson-content{padding:36px 24px 80px}.progress-sidebar{display:none}.top-bar{padding:0 16px}body{font-size:15px}.mobile-lesson-progress{display:flex;align-items:center;position:sticky;top:56px;z-index:10;height:36px;background:var(--surface);border-bottom:1px solid var(--border);padding:0 16px;gap:10px;overflow:hidden}.mobile-lesson-progress__bar{position:absolute;left:0;top:0;height:3px;background:var(--amber);transition:width .3s ease}.mobile-lesson-progress__label{font-size:12px;color:var(--text3);font-weight:600;padding-top:3px}}@keyframes xpFloat{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-20px) scale(1.15)}to{opacity:0;transform:translateY(-40px) scale(.9)}}@keyframes badgePulse{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(1.5)}}@keyframes multiplierGlow{0%{box-shadow:0 0 8px #f39c1222}to{box-shadow:0 0 20px #f39c1244}}@keyframes levelUp{0%{transform:scale(1);filter:brightness(1)}25%{transform:scale(1.15);filter:brightness(1.3)}50%{transform:scale(1);filter:brightness(1)}75%{transform:scale(1.08);filter:brightness(1.15)}to{transform:scale(1);filter:brightness(1)}}@keyframes fireShimmer{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.2) saturate(1.3)}}.streak-fire{animation:fireShimmer 2s ease-in-out infinite}@keyframes legendaryShimmer{0%{background-position:-200% center}to{background-position:200% center}}.badge-legendary{background:linear-gradient(90deg,#3a2a1a,#5a3a1a,#f39c1244,#5a3a1a,#3a2a1a);background-size:200% 100%;animation:legendaryShimmer 3s linear infinite}@keyframes crownFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes podiumGlow{0%,to{opacity:.6}50%{opacity:1}}@keyframes podiumShimmer{0%{background-position:-200% center}to{background-position:200% center}}.external-link-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px 28px;transition:transform var(--duration-slow) var(--ease-spring),box-shadow var(--duration-slow) ease,border-color var(--duration-slow) ease;box-shadow:0 2px 12px #0003}.external-link-block:hover{border-color:#22d3ee73;box-shadow:0 6px 24px #0000004d,inset 0 0 30px #22d3ee0a,0 0 24px #22d3ee0d}.external-link-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.external-link-icon{font-size:28px;flex-shrink:0}.external-link-title{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--text);margin:0}.external-link-description{font-size:17px;color:var(--text2);line-height:1.75;margin-bottom:16px}.external-link-description strong{color:var(--amber)}.external-link-button{display:inline-flex;align-items:center;gap:6px;padding:12px 24px;background:linear-gradient(135deg,var(--cyan),#3b82f6);color:#fff;font-family:var(--font-display);font-size:16px;font-weight:600;border-radius:10px;text-decoration:none;transition:color var(--duration-base) ease,background var(--duration-base) ease,border-color var(--duration-base) ease;cursor:pointer;box-shadow:0 2px 10px #22d3ee33}.external-link-button:hover{box-shadow:0 4px 18px #22d3ee59;transform:translateY(-1px)}.external-link-url{margin-top:10px;font-size:13px;color:var(--text3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.simulation-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.sim-header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border)}.sim-icon{font-size:24px}.sim-title{font-family:var(--font-display);font-size:18px;font-weight:700}.sim-iframe-wrap{background:#111;border-radius:0}.sim-observation{padding:16px 20px;border-top:1px solid var(--border)}.sim-obs-label{display:block;font-size:13px;font-weight:600;color:var(--text2);margin-bottom:6px}.evidence-upload-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px}.bar-chart-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 2px 12px #0003}.bc-title{font-family:var(--font-display);font-size:20px;font-weight:700;padding:16px 20px;border-bottom:1px solid var(--border)}.bc-container{display:flex;width:100%;height:460px;background:var(--surface2)}.bc-section{display:flex;flex-direction:column;min-width:0}.bc-header-row{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 6px 4px;z-index:20;flex-shrink:0;height:40px;box-sizing:border-box}.bc-header-box{padding:5px 14px;border-radius:8px;font-weight:700;font-size:13px;border:1px solid rgba(0,0,0,.2);color:#fff;box-shadow:1px 1px 3px #0003;white-space:nowrap}.bc-header-final{color:#fff}.bc-delta-header-group{display:flex;align-items:center;background:var(--surface);padding:2px 8px;border-radius:5px;border:1px solid var(--border)}.bc-delta-symbol{font-size:1.4rem;color:#55e;font-weight:700;margin-right:3px}.bc-delta-input{width:60px;border:none;font-size:13px;text-align:center;outline:none;background:transparent;color:var(--text);font-family:var(--font-body)}.bc-add-bar{width:22px;height:22px;border-radius:50%;border:2px dashed rgba(255,255,255,.35);background:transparent;color:#ffffff8c;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color var(--duration-base) ease,background var(--duration-base) ease,border-color var(--duration-base) ease;flex-shrink:0}.bc-add-bar:hover{border-color:var(--amber);color:var(--amber);background:#f5a6231a}.bc-label-row{display:flex;justify-content:space-evenly;align-items:center;flex-shrink:0;height:30px;box-sizing:border-box;padding:0;gap:0}.bc-label-cell{flex:1;display:flex;flex-direction:column;align-items:center;gap:0;min-width:0;position:relative}.bc-label-display{cursor:pointer;padding:2px 4px;border-radius:4px;border:1.5px solid transparent;min-height:22px;display:flex;align-items:center;justify-content:center;transition:border-color .15s}.bc-label-display:hover{border-color:var(--border)}.bc-label-display .katex{font-size:1.05em}.bc-label-placeholder{font-size:14px;font-weight:600;opacity:.3}.bc-label-edit{display:inline-flex;align-items:baseline;justify-content:center;background:var(--surface);border-radius:4px;border:1.5px solid var(--amber);overflow:hidden}.bc-label-input{min-width:2ch;max-width:8ch;padding:3px 4px;border:none;text-align:center;font-weight:700;font-size:13px;outline:none;background:transparent;font-family:var(--font-body);line-height:1.1;width:auto}.bc-label-input-sub{border-left:1px solid var(--border);font-size:11px;font-weight:400;font-style:italic;max-width:7ch}.bc-remove-bar{display:none;position:absolute;top:-6px;right:2px;width:14px;height:14px;border-radius:50%;border:none;background:#f87171d9;color:#fff;font-size:10px;line-height:1;cursor:pointer;padding:0;font-weight:700;z-index:60}.bc-label-cell:hover .bc-remove-bar,.bc-label-cell:focus-within .bc-remove-bar{display:inline-flex;align-items:center;justify-content:center}.bc-chart-area{position:relative;flex:1;width:100%;min-height:0}.bc-grid-line{position:absolute;left:0;right:0;height:1px;background:#9ca3af26;pointer-events:none;z-index:1}.bc-axis-line{position:absolute;top:50%;left:0;width:100%;height:3px;background:#ffffffa6;transform:translateY(-50%);z-index:5;pointer-events:none}.bc-bar-row{position:absolute;inset:0;display:flex;justify-content:space-evenly;align-items:stretch;z-index:10}.bc-bar-col{flex:1;position:relative;min-width:0;cursor:ns-resize}.bc-bar{position:absolute;left:14%;right:14%;width:auto;pointer-events:none;border:2px solid;border-radius:3px;transition:height .04s linear}.bc-section-delta .bc-bar{left:20%;right:20%}.bc-bar-value{position:absolute;width:100%;text-align:center;font-size:11px;font-weight:700;pointer-events:none;left:0;padding:1px 0}.bc-value-input-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:60}.bc-value-input{width:60px;padding:5px 3px;border-radius:8px;border:2px solid var(--amber);background:var(--surface);color:var(--text);font-family:var(--font-body);font-size:15px;font-weight:700;text-align:center;outline:none;box-shadow:0 4px 16px #0006,0 0 12px #f5a62333}.bc-value-input:focus{border-color:var(--amber)}.bc-value-input::-webkit-outer-spin-button,.bc-value-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bc-value-input[type=number]{-moz-appearance:textfield}.bc-hint{padding:8px 20px;font-size:12px;color:var(--text3);text-align:center;border-top:1px solid var(--border)}@media(max-width:768px){.bc-container{height:360px}.bc-header-box{font-size:11px;padding:4px 10px}.bc-label-display .katex{font-size:.9em}.bc-label-input{font-size:11px}.bc-label-input-sub{font-size:9px}.bc-hint{font-size:10px}}.sketch-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 2px 12px #0003}.sketch-header{padding:18px 22px 14px;border-bottom:1px solid var(--border)}.sketch-title{font-family:var(--font-display);font-size:20px;font-weight:700;display:flex;align-items:center;gap:10px;margin-bottom:4px}.sketch-icon{font-size:24px}.sketch-instructions{font-size:16px;color:var(--text2);line-height:1.6;margin-top:6px}.sketch-toolbar{padding:10px 14px;background:var(--surface2);border-bottom:1px solid var(--border)}.sketch-toolbar-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sketch-tool-group{display:flex;gap:4px}.sketch-tool-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:8px;border:1.5px solid var(--border);background:var(--bg);color:var(--text2);font-family:var(--font-body);font-size:13px;cursor:pointer;transition:color var(--duration-base) ease,background var(--duration-base) ease,border-color var(--duration-base) ease}.sketch-tool-btn:hover{border-color:var(--amber);color:var(--text)}.sketch-tool-btn.active{border-color:var(--amber);background:var(--amber-dim);color:var(--amber);font-weight:600}.sketch-tool-icon{font-size:15px}.sketch-tool-label{font-size:12px}.sketch-divider{width:1px;height:28px;background:var(--border);flex-shrink:0}.sketch-color-group{display:flex;align-items:center;gap:5px}.sketch-color-btn{width:26px;height:26px;border-radius:50%;cursor:pointer;transition:color var(--duration-fast) ease,background var(--duration-fast) ease,border-color var(--duration-fast) ease;flex-shrink:0;padding:0}.sketch-color-btn:hover{transform:scale(1.15)}.sketch-color-btn.active{transform:scale(1.2)}.sketch-color-custom{display:flex;align-items:center;cursor:pointer;position:relative}.sketch-size-group{display:flex;align-items:center;gap:8px}.sketch-size-label{font-size:12px;font-weight:600;color:var(--text3)}.sketch-size-slider{width:80px;height:4px;accent-color:var(--amber);cursor:pointer}.sketch-size-value{font-size:12px;color:var(--text3);min-width:20px;text-align:center;font-weight:600}.sketch-size-preview{border-radius:50%;flex-shrink:0;transition:color var(--duration-fast) ease,background var(--duration-fast) ease,border-color var(--duration-fast) ease}.sketch-action-group{display:flex;gap:4px}.sketch-action-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid var(--border);background:var(--bg);color:var(--text2);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:color var(--duration-base) ease,background var(--duration-base) ease,border-color var(--duration-base) ease}.sketch-action-btn:hover:not(:disabled){border-color:var(--amber);color:var(--text)}.sketch-action-btn:disabled{opacity:.3;cursor:default}.sketch-clear-btn:hover:not(:disabled){border-color:var(--red);color:var(--red)}.sketch-shape-picker{position:absolute;top:calc(100% + 4px);left:0;z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0006;padding:4px;min-width:130;display:flex;flex-direction:column;gap:2px}.sketch-shape-option{padding:6px 12px;border-radius:6px;border:none;background:transparent;color:var(--text2);font-size:13px;font-family:var(--font-body);cursor:pointer;text-align:left;transition:color var(--duration-fast) ease,background var(--duration-fast) ease,border-color var(--duration-fast) ease;display:flex;align-items:center;gap:8px}.sketch-shape-option:hover{background:var(--surface2);color:var(--text)}.sketch-shape-option.active{background:var(--amber-dim);color:var(--amber);font-weight:600}.sketch-canvas-container{position:relative;background:#fff;overflow:visible}.sketch-canvas{display:block;width:100%}.sketch-hint{padding:8px 20px;font-size:12px;color:var(--text3);text-align:center;border-top:1px solid var(--border);background:var(--surface)}@media(max-width:768px){.sketch-toolbar-row{gap:6px}.sketch-tool-label{display:none}.sketch-tool-btn{padding:6px 8px}.sketch-size-slider{width:60px}.sketch-divider{display:none}.sketch-color-btn{width:22px;height:22px}}.case-cards-block{margin:12px 0}.case-cards-title{font-family:var(--font-display);font-size:22px;font-weight:600;margin-bottom:14px;color:var(--text)}.case-cards-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.case-card{position:relative;background:linear-gradient(135deg,var(--surface),rgba(255,255,255,.02));border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px 16px;box-shadow:0 2px 12px #00000038,inset 0 0 24px #ffffff05;transition:transform var(--duration-slow) var(--ease-spring),box-shadow var(--duration-slow) ease,border-color var(--duration-slow) ease}.case-card:hover{transform:translateY(-2px);border-color:var(--border-hover);box-shadow:0 8px 28px #00000059,inset 0 0 30px #ffffff0a,0 0 22px #60a5fa0d}.case-card-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 9px;font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--blue);background:var(--blue-dim);border:1px solid rgba(96,165,250,.35);border-radius:999px;margin-bottom:10px}.case-card-title{font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--text);line-height:1.35;margin-bottom:8px}.case-card-body{font-size:15px;line-height:1.6;color:var(--text2)}.case-card-body strong{color:var(--amber)}@media(max-width:520px){.case-cards-grid{grid-template-columns:1fr}}.text-block{font-family:var(--sans);font-size:var(--t-md);color:var(--fg-default);line-height:1.7}.text-block strong{color:var(--fg-default);font-weight:700}.text-block em{font-style:italic;color:var(--accent-alt-display)}.text-block a{color:var(--fg-default);text-decoration:none;background:linear-gradient(transparent 60%,var(--accent-hero) 60%);padding:0 .06em}.text-block a:hover{background:linear-gradient(transparent 0%,var(--accent-hero) 0%)}.text-block h1,.text-block h2,.text-block h3,.text-block h4{font-family:var(--serif);font-weight:800;color:var(--fg-default);letter-spacing:-.015em;margin:1.2em 0 .4em}.text-block h1{font-size:var(--t-2xl);font-variation-settings:"SOFT" 40}.text-block h2{font-size:var(--t-xl)}.text-block h3{font-size:var(--t-lg)}.text-block blockquote{border-left:4px solid var(--fg-default);padding:4px 0 4px var(--space-4);margin:var(--space-4) 0;font-style:italic;color:var(--fg-muted);font-family:var(--serif)}.text-block pre,.text-block code{font-family:var(--mono);background:var(--bg-sunken);border:1px solid var(--fg-default);border-radius:var(--r-sm);padding:2px 6px;font-size:.9em}.text-block pre{padding:var(--space-4);overflow-x:auto}.text-block pre code{background:transparent;border:none;padding:0}.md-table{width:100%;border-collapse:collapse;margin:var(--space-4) 0;font-size:var(--t-base);border:1.5px solid var(--fg-default);border-radius:var(--r-md);overflow:hidden;background:var(--bg-surface)}.md-table th{padding:12px 16px;text-align:left;font-family:var(--mono);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--bg-canvas);background:var(--fg-default);border-bottom:1.5px solid var(--fg-default)}.md-table td{padding:11px 16px;color:var(--fg-default);border-bottom:1px dashed var(--border-soft);line-height:1.5}.md-table tbody tr:last-child td{border-bottom:none}.md-table tbody tr:nth-child(2n){background:color-mix(in oklab,var(--fg-default) 3%,transparent)}.md-table strong{color:var(--fg-default)}.video-wrapper{position:relative;padding-bottom:56.25%;border-radius:var(--r-md);overflow:hidden;background:var(--bg-sunken);border:1.5px solid var(--fg-default);box-shadow:var(--shadow-card)}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-caption{font-family:var(--mono);font-size:12px;color:var(--fg-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.image-block img{border:1.5px solid var(--fg-default);border-radius:var(--r-md);box-shadow:var(--shadow-card)}.image-caption{font-family:var(--mono);font-size:12px;color:var(--fg-muted);margin-top:8px;letter-spacing:.04em}.definition-block{background:var(--bg-surface);border:1.5px solid var(--fg-default);border-left:6px solid var(--plum);border-radius:var(--r-md);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-btn);transition:transform var(--dur-base) var(--ease-snap),box-shadow var(--dur-base) var(--ease-snap)}.definition-block:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--fg-default)}.def-term{font-family:var(--serif);font-weight:800;font-size:22px;color:var(--plum);margin-bottom:6px;letter-spacing:-.01em}.def-text{font-size:var(--t-md);color:var(--fg-default);line-height:1.65}.callout-block{display:grid;grid-template-columns:48px 1fr;gap:var(--space-4);padding:var(--space-5);border:1.5px solid var(--fg-default);border-radius:var(--r-lg);font-size:var(--t-base);line-height:1.6;background:var(--bg-surface);color:var(--fg-default)}.callout-icon{width:48px;height:48px;border-radius:var(--r-md);border:1.5px solid var(--fg-default);display:grid;place-items:center;font-size:22px;background:var(--accent-hero);color:var(--accent-hero-ink);flex-shrink:0}.callout-content{flex:1;min-width:0}.callout-content strong{color:var(--fg-default)}.callout-insight{background:color-mix(in oklab,var(--status-warn) 14%,var(--bg-surface))}.callout-insight .callout-icon{background:var(--status-warn);color:var(--status-warn-ink)}.callout-warning{background:color-mix(in oklab,var(--status-danger) 14%,var(--bg-surface))}.callout-warning .callout-icon{background:var(--status-danger);color:var(--coral-ink)}.callout-question{background:color-mix(in oklab,var(--status-info) 10%,var(--bg-surface))}.callout-question .callout-icon{background:var(--status-info);color:var(--status-info-ink)}.objectives-block{background:color-mix(in oklab,var(--status-success) 12%,var(--bg-surface));border:1.5px solid var(--fg-default);border-radius:var(--r-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-btn)}.objectives-title{font-family:var(--serif);font-weight:800;font-size:var(--t-lg);color:var(--fg-default);margin-bottom:12px;letter-spacing:-.01em;display:flex;align-items:center;gap:10px}.objectives-title:before{content:"";width:18px;height:2px;background:var(--fg-default)}.objectives-list{padding-left:22px}.objectives-list li{font-size:var(--t-md);color:var(--fg-default);margin-bottom:8px;line-height:1.6}.objectives-list li::marker{color:var(--accent-hero)}.checklist-block{background:var(--bg-surface);border:1.5px solid var(--fg-default);border-radius:var(--r-md);padding:var(--space-5)}.checklist-title{font-family:var(--serif);font-weight:800;font-size:var(--t-lg);margin-bottom:var(--space-3)}.checklist-item{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px dashed var(--border-soft)}.checklist-item:first-child{border-top:none}.checklist-item input[type=checkbox]{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:1.5px solid var(--fg-default);border-radius:4px;background:var(--bg-canvas);cursor:pointer;margin-top:2px;flex-shrink:0;display:grid;place-items:center}.checklist-item input[type=checkbox]:checked{background:var(--accent-hero)}.checklist-item input[type=checkbox]:checked:after{content:"✓";color:var(--accent-hero-ink);font-weight:900;font-size:14px}.activity-block{background:var(--bg-surface);border:1.5px solid var(--fg-default);border-radius:var(--r-lg);padding:0;box-shadow:var(--shadow-card);overflow:hidden;color:var(--fg-default)}.activity-header{background:var(--accent-hero);color:var(--accent-hero-ink);padding:14px var(--space-5);display:flex;align-items:center;gap:12px;border-bottom:1.5px solid var(--fg-default)}.activity-icon{font-size:22px}.activity-title{font-family:var(--serif);font-weight:800;font-size:var(--t-lg);letter-spacing:-.01em;margin:0}.activity-body{padding:var(--space-5);font-size:var(--t-base);line-height:1.6}.activity-body p{margin-bottom:10px}.vocab-block{background:var(--bg-surface);border:1.5px solid var(--fg-default);border-radius:var(--r-md);overflow:hidden}.vocab-row{display:grid;grid-template-columns:180px 1fr;gap:var(--space-4);padding:12px var(--space-4);border-top:1px dashed var(--border-soft);align-items:baseline}.vocab-row:first-child{border-top:none}.vocab-row:hover{background:color-mix(in oklab,var(--accent-hero) 12%,transparent)}.vocab-term{font-family:var(--serif);font-weight:800;color:var(--fg-default);font-size:var(--t-base)}.vocab-def{font-size:var(--t-base);color:var(--fg-muted);line-height:1.6}@media(max-width:640px){.vocab-row{grid-template-columns:1fr;gap:4px}}.embed-block,.embed-wrapper{border-radius:var(--r-md);border:1.5px solid var(--fg-default);box-shadow:var(--shadow-card);overflow:hidden;background:var(--bg-surface)}.divider-block,.block-divider{border:none;border-top:1.5px dashed var(--fg-default);margin:var(--space-6) 0;opacity:.7}.chatbot-block{background:var(--bg-surface);border:1.5px solid var(--fg-default);border-radius:var(--r-lg);box-shadow:var(--shadow-btn);overflow:hidden;color:var(--fg-default)}.chatbot-header{background:var(--fg-default);color:var(--fg-onink);padding:12px var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border-bottom:1.5px solid var(--fg-default)}.chatbot-log{padding:var(--space-4);max-height:400px;overflow-y:auto;background:var(--bg-canvas)}.chatbot-message{padding:10px 14px;border-radius:var(--r-md);margin-bottom:10px;font-size:var(--t-base);line-height:1.5;max-width:80%;border:1.5px solid var(--fg-default)}.chatbot-message.user{background:var(--accent-hero);color:var(--accent-hero-ink);margin-left:auto}.chatbot-message.bot,.chatbot-message.assistant{background:var(--bg-surface)}.chatbot-input-row{display:flex;gap:8px;padding:var(--space-3);border-top:1.5px solid var(--fg-default);background:var(--bg-surface)}.chatbot-input{flex:1;font-family:var(--sans);font-size:var(--t-base);color:var(--fg-default);background:var(--bg-canvas);border:1.5px solid var(--fg-default);border-radius:var(--r-md);padding:10px 14px;outline:none}.chatbot-input:focus{box-shadow:3px 3px 0 var(--fg-default)}.chatbot-send{background:var(--status-info);color:var(--status-info-ink);border:1.5px solid var(--fg-default);border-radius:var(--r-full);padding:8px 16px;font-family:var(--sans);font-weight:700;font-size:14px;cursor:pointer;min-height:44px;box-shadow:2px 2px 0 var(--fg-default)}.chatbot-send:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--fg-default)}.question-block{background:var(--bg-surface);border:1.5px solid var(--fg-default);border-radius:var(--r-lg);padding:var(--space-5);box-shadow:var(--shadow-btn);color:var(--fg-default)}.question-badge{display:inline-block;background:var(--fg-default);color:var(--accent-hero);font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:5px 10px;border-radius:var(--r-sm);margin-bottom:12px}.question-prompt{font-family:var(--serif);font-weight:800;font-size:var(--t-xl);line-height:1.2;margin-bottom:var(--space-4);letter-spacing:-.015em}.mc-options{display:flex;flex-direction:column;gap:10px}.mc-option{display:grid;grid-template-columns:36px 1fr;gap:14px;align-items:center;padding:14px 16px;min-height:56px;background:var(--bg-canvas);border:1.5px solid var(--fg-default);border-radius:var(--r-md);cursor:pointer;transition:transform var(--dur-fast) var(--ease-snap);font-family:var(--sans);font-size:var(--t-base);color:var(--fg-default)}.mc-option:hover:not(:disabled){transform:translate(3px)}.mc-option-letter,.mc-letter{width:36px;height:36px;border:1.5px solid var(--fg-default);border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:14px;background:var(--bg-surface);flex-shrink:0}.mc-option.selected,.mc-option[aria-pressed=true]{background:var(--status-warn);color:var(--status-warn-ink)}.mc-option.selected .mc-option-letter,.mc-option.selected .mc-letter{background:var(--fg-default);color:var(--status-warn)}.mc-option.correct-answer,.mc-option.correct{background:var(--accent-hero);color:var(--accent-hero-ink);border-color:var(--fg-default)}.mc-option.correct-answer .mc-option-letter,.mc-option.correct-answer .mc-letter{background:var(--fg-default);color:var(--accent-hero)}.mc-option.wrong-answer,.mc-option.wrong{background:var(--status-danger);color:var(--coral-ink)}.mc-option.wrong-answer .mc-option-letter,.mc-option.wrong-answer .mc-letter{background:var(--fg-default);color:var(--status-danger)}.question-block.correct{background:color-mix(in oklab,var(--accent-hero) 15%,var(--bg-surface));border-color:var(--fg-default)}.question-block.incorrect{background:color-mix(in oklab,var(--status-danger) 15%,var(--bg-surface));border-color:var(--fg-default)}.sa-input{width:100%;font-family:var(--sans);font-size:var(--t-base);color:var(--fg-default);background:var(--bg-canvas);border:1.5px solid var(--fg-default);border-radius:var(--r-md);padding:12px 16px;min-height:80px;resize:vertical;outline:none}.sa-input:focus{box-shadow:3px 3px 0 var(--fg-default)}.sa-answer-display{background:var(--bg-canvas);border:1.5px solid var(--fg-default);border-radius:var(--r-md);padding:14px 16px;font-size:var(--t-base);line-height:1.6;color:var(--fg-default)}.sa-answer-display.correct{background:color-mix(in oklab,var(--accent-hero) 20%,var(--bg-canvas))}.sa-answer-display.incorrect{background:color-mix(in oklab,var(--status-danger) 18%,var(--bg-canvas))}.question-explanation{margin-top:var(--space-3);padding:12px 14px;background:color-mix(in oklab,var(--status-info) 8%,var(--bg-canvas));border:1.5px solid var(--fg-default);border-radius:var(--r-md);font-size:var(--t-base);line-height:1.55}.sort-item,.ranking-item{display:flex;align-items:center;gap:12px;padding:12px var(--space-4);background:var(--bg-surface);border:1.5px solid var(--fg-default);border-radius:var(--r-md);margin-bottom:8px;cursor:grab;box-shadow:2px 2px 0 var(--fg-default);min-height:52px}.sort-item:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--fg-default)}.sort-item.correct{background:var(--accent-hero);color:var(--accent-hero-ink)}.sort-item.incorrect{background:var(--status-danger);color:var(--coral-ink)}.external-link-block{display:flex;gap:12px;align-items:center;padding:var(--space-4);background:var(--bg-surface);border:1.5px solid var(--fg-default);border-radius:var(--r-md);text-decoration:none;color:var(--fg-default);box-shadow:var(--shadow-btn);transition:transform var(--dur-fast) var(--ease-snap),box-shadow var(--dur-fast) var(--ease-snap)}.external-link-block:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--fg-default);text-decoration:none}.external-link-icon{width:40px;height:40px;display:grid;place-items:center;background:var(--status-info);color:var(--status-info-ink);border:1.5px solid var(--fg-default);border-radius:var(--r-sm);font-size:20px;flex-shrink:0}.external-link-title{font-family:var(--serif);font-weight:800;font-size:var(--t-md);color:var(--fg-default)}.external-link-desc{font-size:var(--t-sm);color:var(--fg-muted);margin-top:2px}.calculator-block{background:var(--fg-default);color:var(--accent-hero);border-radius:var(--r-md);padding:var(--space-4);font-family:var(--mono);font-size:var(--t-base);border:1.5px solid var(--fg-default);box-shadow:var(--shadow-card)}.calculator-input{width:100%;background:transparent;border:none;border-bottom:1.5px dashed var(--accent-hero);color:var(--accent-hero);font-family:var(--mono);font-size:var(--t-lg);padding:8px 0;outline:none}.calculator-result{font-family:var(--serif);font-size:var(--t-xl);color:var(--accent-hero);margin-top:8px}.evidence-upload-block{border:2px dashed var(--fg-default);border-radius:var(--r-lg);padding:var(--space-6);text-align:center;background:var(--bg-surface)}.evidence-upload-block.overdue{background:color-mix(in oklab,var(--status-danger) 14%,var(--bg-surface));border-style:solid}.section-header,.section-header-block{padding:var(--space-5) 0 var(--space-4);border-bottom:1.5px solid var(--fg-default);margin-bottom:var(--space-5);position:relative}.section-header-title{font-family:var(--serif);font-weight:900;font-size:var(--t-2xl);letter-spacing:-.02em;line-height:1;color:var(--fg-default);font-variation-settings:"SOFT" 60}.section-header-subtitle{font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-muted);margin-top:8px}.section-header-icon{font-size:28px;margin-right:12px;vertical-align:middle}.sketch-block,.sketch-canvas-wrap{border:1.5px solid var(--fg-default);border-radius:var(--r-md);background:var(--bg-canvas);padding:var(--space-3);box-shadow:var(--shadow-btn)}.data-table-block{overflow-x:auto}.simulation-block,.interactive-block{background:var(--bg-surface);border:1.5px solid var(--fg-default);border-radius:var(--r-lg);padding:var(--space-4);box-shadow:var(--shadow-btn)}.card{background:var(--bg-surface);border:1.5px solid var(--fg-default);border-radius:var(--r-lg);padding:var(--space-5);box-shadow:var(--shadow-btn);color:var(--fg-default);transition:transform var(--dur-base) var(--ease-snap),box-shadow var(--dur-base) var(--ease-snap)}.card:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--fg-default)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--sans);font-weight:700;font-size:15px;letter-spacing:.01em;padding:12px 18px;min-height:44px;border-radius:var(--r-full);border:1.5px solid var(--fg-default);background:var(--fg-default);color:var(--bg-canvas);text-decoration:none;transition:transform var(--dur-fast) var(--ease-snap),box-shadow var(--dur-fast) var(--ease-snap);box-shadow:3px 3px 0 var(--fg-default)}.btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--fg-default)}.btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--fg-default)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.btn-primary,.btn.btn-primary{background:var(--accent-hero);color:var(--accent-hero-ink);border-color:var(--fg-default)}.btn-secondary,.btn.btn-secondary{background:transparent;color:var(--fg-default);box-shadow:2px 2px 0 var(--fg-default)}.btn-secondary:hover{background:var(--bg-sunken)}.btn-danger,.btn.btn-danger{background:var(--status-danger);color:var(--coral-ink)}.input-field,.select-field{font-family:var(--sans);font-size:var(--t-base);color:var(--fg-default);background:var(--bg-surface);border:1.5px solid var(--fg-default);border-radius:var(--r-md);padding:10px 14px;outline:none;width:100%}.input-field:focus,.select-field:focus{box-shadow:3px 3px 0 var(--fg-default)}.skeleton{background:var(--bg-sunken);background-image:linear-gradient(90deg,var(--bg-sunken) 0%,var(--bg-deep) 40%,var(--bg-sunken) 80%);background-size:200% 100%;animation:shimmer 1.4s linear infinite;border-radius:var(--r-sm);border:1px solid var(--border-soft)}.progress-bar{height:10px;background:var(--bg-sunken);border:1.5px solid var(--fg-default);border-radius:var(--r-full);overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent-hero);border-right:1.5px solid var(--fg-default);transition:width var(--dur-slow) var(--ease-snap)}.mg-mc-dot{width:24px;height:24px;border-radius:4px;border:1.5px solid var(--fg-default);display:inline-grid;place-items:center;font-size:11px;font-family:var(--mono);font-weight:700}.mg-mc-dot.correct{background:var(--accent-hero);color:var(--accent-hero-ink)}.mg-mc-dot.incorrect{background:var(--status-danger);color:var(--coral-ink)}.mg-mc-dot.unanswered{background:var(--bg-sunken);color:var(--fg-muted)}.mg-written-pill{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border-radius:var(--r-full);border:1.5px solid var(--fg-default);background:var(--bg-surface);display:inline-block}.mg-written-pill.refining{background:var(--accent-hero);color:var(--accent-hero-ink)}.mg-written-pill.developing{background:var(--status-info);color:var(--status-info-ink)}.mg-written-pill.approaching{background:var(--status-warn);color:var(--status-warn-ink)}.mg-written-pill.emerging{background:var(--status-danger);color:var(--coral-ink)}.mg-written-pill.missing{background:var(--bg-sunken);color:var(--fg-muted)}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-4)}.badge-item{background:var(--bg-surface);border:1.5px solid var(--fg-default);border-radius:var(--r-md);padding:var(--space-4);text-align:center;box-shadow:var(--shadow-btn)}.badge-item.locked{opacity:.4}.top-bar{background:transparent!important;border-bottom:none!important}.page,.page-wrap,.container,.main-container{background:transparent;color:var(--fg-default)}.page-hero,.hero-banner,.dashboard-hero{background:var(--bg-surface);border:1.5px solid var(--fg-default);border-radius:var(--r-xl);padding:var(--space-7) var(--space-6);color:var(--fg-default);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.page-hero h1,.hero-banner h1,.dashboard-hero h1{font-family:var(--serif);font-weight:900;font-size:clamp(36px,6vw,64px);line-height:.95;letter-spacing:-.025em;font-variation-settings:"SOFT" 60;color:var(--fg-default)}.page-hero h1 em,.hero-banner h1 em,.dashboard-hero h1 em{font-style:italic;color:var(--accent-alt-display);font-weight:400}.section-title,.subsection-title{font-family:var(--serif);font-weight:800;font-size:var(--t-xl);letter-spacing:-.01em;color:var(--fg-default);margin-bottom:var(--space-4)}.course-card,.class-card{background:var(--bg-surface);border:1.5px solid var(--fg-default);border-radius:var(--r-lg);padding:var(--space-5);box-shadow:var(--shadow-card);color:var(--fg-default);transition:transform var(--dur-base) var(--ease-snap),box-shadow var(--dur-base) var(--ease-snap);text-decoration:none}.course-card:hover,.class-card:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--fg-default);text-decoration:none}.course-card h2,.course-card h3,.class-card h2,.class-card h3{font-family:var(--serif);font-weight:800;color:var(--fg-default);font-size:var(--t-lg);letter-spacing:-.01em}.lesson-list-item,.lesson-row{background:var(--bg-surface);border:1.5px solid var(--fg-default);border-radius:var(--r-md);padding:var(--space-4) var(--space-5);margin-bottom:10px;box-shadow:2px 2px 0 var(--fg-default);display:flex;gap:var(--space-3);align-items:center;color:var(--fg-default);text-decoration:none;transition:transform var(--dur-fast) var(--ease-snap),box-shadow var(--dur-fast) var(--ease-snap)}.lesson-list-item:hover,.lesson-row:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--fg-default);text-decoration:none}.lesson-sidebar,.progress-sidebar{background:var(--bg-surface);border:1.5px solid var(--fg-default);border-radius:var(--r-lg);padding:var(--space-5);box-shadow:var(--shadow-btn)}.login-page,.login-container{min-height:100vh;display:grid;place-items:center;background:transparent;padding:var(--space-5)}.login-card{background:var(--bg-surface);border:1.5px solid var(--fg-default);border-radius:var(--r-xl);padding:var(--space-7);box-shadow:var(--shadow-hero);max-width:460px;width:100%}.login-title{font-family:var(--serif);font-weight:900;font-size:clamp(36px,5vw,56px);line-height:.9;letter-spacing:-.03em;font-variation-settings:"SOFT" 80;margin-bottom:var(--space-5)}.editor-panel,.grading-panel,.editor-sidebar,.grading-sidebar{background:var(--bg-surface);border:1.5px solid var(--fg-default);border-radius:var(--r-lg);padding:var(--space-5);box-shadow:var(--shadow-btn)}.badge-card{background:var(--bg-surface);border:1.5px solid var(--fg-default);border-radius:var(--r-md);padding:var(--space-4);box-shadow:var(--shadow-btn);text-align:center}.badge-card .badge-name{font-family:var(--serif);font-weight:800;font-size:var(--t-base);margin-top:8px}.badge-card.locked{opacity:.4}.color-picker-swatch,.picker-swatch{width:44px;height:44px;border:1.5px solid var(--fg-default);border-radius:var(--r-sm);cursor:pointer;transition:transform var(--dur-fast) var(--ease-snap)}.color-picker-swatch:hover{transform:translate(-1px,-1px)}.color-picker-swatch.selected{box-shadow:0 0 0 3px var(--bg-canvas),0 0 0 5px var(--fg-default)}.leaderboard-row,.lb-row{background:var(--bg-surface);border:1.5px solid var(--fg-default);border-radius:var(--r-md);padding:12px var(--space-4);margin-bottom:8px;display:grid;grid-template-columns:48px auto 1fr auto;gap:var(--space-4);align-items:center;color:var(--fg-default)}.leaderboard-row.me,.lb-row.me{background:color-mix(in oklab,var(--accent-hero) 18%,var(--bg-surface))}.streak-display,.xp-display{background:var(--fg-default);color:var(--fg-onink);border-radius:var(--r-lg);padding:var(--space-5);border:1.5px solid var(--fg-default)}.streak-number,.xp-number{font-family:var(--serif);font-weight:900;font-size:56px;line-height:.85;color:var(--lime);letter-spacing:-.03em;font-variation-settings:"SOFT" 100}.classroom-display{background:var(--bg-canvas);color:var(--fg-default);min-height:100vh}.classroom-display h1{font-family:var(--serif);font-weight:900;font-variation-settings:"SOFT" 100,"opsz" 144}.modal,.dialog,.overlay-dialog{background:var(--bg-surface);border:1.5px solid var(--fg-default);border-radius:var(--r-lg);padding:var(--space-6);box-shadow:var(--shadow-hero);color:var(--fg-default)}.modal-overlay,.dialog-overlay{background:color-mix(in oklab,var(--ink-900) 60%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bot-card{background:var(--bg-surface);border:1.5px solid var(--fg-default);border-radius:var(--r-lg);padding:var(--space-5);box-shadow:var(--shadow-card)}.bot-card:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--fg-default)}.boss-battle{background:var(--ink-900);color:var(--paper);min-height:100vh}.boss-battle-arena{background:var(--ink-800);border:1.5px solid var(--paper);border-radius:var(--r-xl);padding:var(--space-7);color:var(--paper);box-shadow:8px 8px 0 var(--paper)}.mana-shop-item{background:var(--bg-surface);border:1.5px solid var(--fg-default);border-radius:var(--r-lg);padding:var(--space-5);box-shadow:var(--shadow-btn);color:var(--fg-default)}.empty-state{background:var(--bg-surface);border:1.5px dashed var(--fg-default);border-radius:var(--r-lg);padding:var(--space-7);text-align:center;color:var(--fg-muted)}.error-boundary,.error-state{background:color-mix(in oklab,var(--status-danger) 15%,var(--bg-surface));border:1.5px solid var(--fg-default);border-radius:var(--r-lg);padding:var(--space-5);color:var(--fg-default)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--fg-faint);border-radius:var(--r-full);border:2px solid var(--bg-canvas)}::-webkit-scrollbar-thumb:hover{background:var(--fg-muted)}::selection{background:var(--accent-hero);color:var(--accent-hero-ink)}.sd-avatar-hero{background:var(--fg-default);color:var(--fg-onink);border:1.5px solid var(--fg-default);border-radius:var(--r-xl);padding:var(--space-6);box-shadow:var(--shadow-hero);position:relative;overflow:hidden}.sd-avatar-card{background:var(--bg-canvas);border:1.5px solid var(--fg-default);border-radius:var(--r-lg);padding:var(--space-4);box-shadow:var(--shadow-btn)}.sd-avatar-label{color:var(--lime);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;font-size:11px}.sd-avatar-label--custom{color:var(--bg-canvas);opacity:.7}.sd-welcome-heading{font-family:var(--serif);font-weight:900;font-size:clamp(32px,5vw,56px);letter-spacing:-.025em;line-height:.95;color:var(--fg-onink);font-variation-settings:"SOFT" 60}.sd-level-badge{background:var(--accent-hero);color:var(--accent-hero-ink);padding:4px 10px;border-radius:var(--r-full);font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;border:1.5px solid var(--fg-default)}.sd-xp-bar{height:12px;background:#ffffff26;border:1.5px solid var(--bg-canvas);border-radius:var(--r-full);overflow:hidden}.sd-xp-fill{height:100%;background:var(--accent-hero);border-right:1.5px solid var(--bg-canvas);transition:width var(--dur-slow) var(--ease-snap)}.sd-stats{display:flex;gap:var(--space-3);flex-wrap:wrap}.sd-stat-card{background:var(--bg-canvas);border:1.5px solid var(--fg-default);border-radius:var(--r-md);padding:var(--space-4);color:var(--fg-default);flex:1;min-width:140px}.sd-stat-value{font-family:var(--serif);font-weight:900;font-size:34px;color:var(--lime);letter-spacing:-.02em;line-height:1;font-variation-settings:"SOFT" 100}.sd-stat-label{font-family:var(--mono);font-size:11px;color:var(--fg-muted);letter-spacing:.14em;text-transform:uppercase;margin-top:6px}.sd-course-icon{width:48px;height:48px;background:var(--accent-hero);color:var(--accent-hero-ink);border:1.5px solid var(--fg-default);border-radius:var(--r-sm);display:grid;place-items:center;font-family:var(--serif);font-weight:900;font-size:22px}.sd-course-title{font-family:var(--serif);font-weight:800;font-size:var(--t-lg);color:var(--fg-default);letter-spacing:-.01em}.sd-course-subtitle{color:var(--fg-muted);font-size:var(--t-sm)}.sd-course-bar{height:10px;background:var(--bg-sunken);border:1.5px solid var(--fg-default);border-radius:var(--r-full);overflow:hidden}.sd-course-bar-fill{height:100%;background:var(--accent-hero);transition:width var(--dur-slow) var(--ease-snap)}.tdash-hero,.td-hero{background:var(--fg-default);color:var(--fg-onink);border-radius:var(--r-xl);padding:var(--space-6);border:1.5px solid var(--fg-default);box-shadow:var(--shadow-hero)}.tdash-stat-card,.td-stat-card{background:var(--bg-surface);border:1.5px solid var(--fg-default);border-radius:var(--r-lg);padding:var(--space-5);color:var(--fg-default);box-shadow:var(--shadow-btn)}.mg-page{color:var(--fg-default)}.mg-course-card{background:var(--bg-surface);border:1.5px solid var(--fg-default);border-radius:var(--r-lg);padding:var(--space-5);box-shadow:var(--shadow-btn);margin-bottom:var(--space-5)}.mg-course-title{font-family:var(--serif);font-weight:800;font-size:var(--t-xl);letter-spacing:-.015em;color:var(--fg-default)}.mg-overall-grade{font-family:var(--serif);font-weight:900;font-size:56px;color:var(--accent-hero);letter-spacing:-.03em;line-height:1;font-variation-settings:"SOFT" 100}.mg-category-chip{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border-radius:var(--r-full);border:1.5px solid var(--fg-default);background:var(--bg-surface)}.mg-lesson-row{background:var(--bg-canvas);border:1.5px solid var(--fg-default);border-radius:var(--r-md);padding:12px var(--space-4);margin-bottom:8px;color:var(--fg-default)}.lv-sidebar,.ls-sidebar{background:var(--bg-surface);border:1.5px solid var(--fg-default);border-radius:var(--r-lg);padding:var(--space-5);box-shadow:var(--shadow-btn)}.lv-toc-item,.ls-toc-item{display:flex;gap:8px;align-items:center;padding:6px 4px;color:var(--fg-default);text-decoration:none;font-size:var(--t-sm);line-height:1.4;border-radius:var(--r-sm)}.lv-toc-item:hover,.ls-toc-item:hover{background:var(--bg-sunken)}.lv-toc-item.active,.ls-toc-item.active{background:var(--fg-default);color:var(--bg-canvas)}.lv-toc-check{color:var(--accent-hero)}.gd-sidebar{background:var(--bg-surface);border:1.5px solid var(--fg-default);border-radius:var(--r-lg);padding:var(--space-4);box-shadow:var(--shadow-btn)}.gd-student-row{padding:10px var(--space-3);border-radius:var(--r-sm);cursor:pointer;color:var(--fg-default);display:flex;gap:10px;align-items:center}.gd-student-row:hover{background:var(--bg-sunken)}.gd-student-row.selected{background:var(--accent-hero);color:var(--accent-hero-ink)}.gd-submission-card{background:var(--bg-surface);border:1.5px solid var(--fg-default);border-radius:var(--r-lg);padding:var(--space-6);box-shadow:var(--shadow-card)}.skip-to-content{background:var(--fg-default)!important;color:var(--bg-canvas)!important;padding:8px 14px!important;border-radius:var(--r-sm)!important;font-family:var(--mono)!important;font-size:12px!important;font-weight:700!important;letter-spacing:.12em!important;text-transform:uppercase!important}.td-fork-btn{color:var(--status-warn-display)!important}.td-fork-btn:hover{color:var(--fg-default)!important;text-decoration:underline}.notif-badge,.notification-count{background:var(--ink-900);color:var(--paper);border:1.5px solid var(--paper);border-radius:var(--r-full);padding:1px 6px;font-family:var(--mono);font-size:11px;font-weight:700}.text-3,.text3{color:var(--fg-muted)!important}.text-amber,.text-hazard,[data-color=hazard]{color:var(--status-warn-display)}.text-coral,[data-color=coral]{color:var(--accent-alt-display)}.text-lime,[data-color=lime]{color:var(--status-success-display)}.sd-avatar-hero,.tdash-hero,.td-hero,.sd-avatar-hero .sd-welcome-heading,.sd-avatar-hero h1,.tdash-hero h1,.td-hero h1{color:var(--fg-inverse)}.sd-avatar-hero p,.tdash-hero p,.td-hero p{color:var(--fg-inverse-muted)}.sd-avatar-hero .sd-avatar-label,.tdash-hero .sd-avatar-label,.td-hero .sd-avatar-label{color:var(--lime)}.sd-avatar-hero .text-2,.sd-avatar-hero .sd-welcome .text-2{color:var(--fg-inverse-muted)}.streak-display,.xp-display{background:var(--bg-inverse);color:var(--fg-inverse);border-color:var(--bg-inverse)}a{color:var(--fg-default);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:2px}a:hover{color:var(--accent-alt-display);text-decoration-thickness:2px}.sv-topnav-links a,.sv-topnav-links a:hover,.sv-btn,.sv-btn:hover,.btn,.btn:hover,.sv-choice,.sv-choice:hover{text-decoration:none}.sd-level-xp,.sd-level-title,.sd-accuracy-high,.sd-course-progress-value,.sd-avatar-label--new,.top-brand{color:var(--fg-default)}.sd-accuracy-low,.notif-dot-red,.sign-out-btn:hover{color:var(--accent-alt-display)!important}.notif-mark-all,.notif-unread-badge,.badge--amber,.evidence-pdf-btn:hover,.evidence-upload-zone strong{color:var(--status-warn-display)!important}.badge--red{background:color-mix(in oklab,var(--status-danger) 18%,var(--bg-surface))!important;color:var(--accent-alt-display)!important}.badge--amber{background:color-mix(in oklab,var(--status-warn) 20%,var(--bg-surface))!important;color:var(--status-warn-display)!important}.notif-count,.notification-count,.badge-count{background:var(--ink-900)!important;color:var(--paper)!important;border:1.5px solid var(--paper)!important}.annotation-tool-btn.active,.annotation-tool-btn:hover:not(:disabled){color:var(--fg-default)!important;border-color:var(--fg-default)!important}.annotation-action-btn:hover:not(:disabled){color:var(--fg-default)!important}.annotation-clear:hover:not(:disabled){color:var(--accent-alt-display)!important}.evidence-upload-zone{color:var(--fg-muted)}.evidence-upload-zone strong{color:var(--status-warn-display)!important}.editor-type-label,.label-amber{color:var(--status-warn-display)}.label-red,.error-label{color:var(--accent-alt-display)}.chip-amber,.pill-amber{background:var(--status-warn)!important;color:var(--status-warn-ink)!important;border:1.5px solid var(--fg-default)!important}.chip-red,.pill-red{background:var(--status-danger)!important;color:var(--coral-ink)!important;border:1.5px solid var(--fg-default)!important}.input-field:focus,.select-field:focus,.sa-input:focus,.chatbot-input:focus,.editor-input:focus,.sidebar-course-select:focus,.sidebar-search:focus{box-shadow:3px 3px 0 var(--fg-default)!important;border-color:var(--fg-default)!important;outline:3px solid var(--focus-ring)!important;outline-offset:3px!important}.bug-reporter-fab{background-color:#7c3aed!important}.bug-reporter-fab:hover,.bug-reporter-fab.active{background-color:#6d28d9!important}.notif-count,.notification-count,.badge-count,.bell-notif-count,.sd-notification-count,.notif-badge{background:var(--ink-900)!important;color:var(--paper)!important;border:1.5px solid var(--paper)!important;font-family:var(--mono)!important;font-weight:700!important;font-size:11px!important;padding:0 5px!important;min-width:18px!important;line-height:18px!important;text-align:center!important;border-radius:var(--r-full)!important;box-shadow:none!important}html[data-theme=dark] .sv-stamp--boss{color:#b84bb8!important;border-color:#b84bb8!important}.chat-toggle-btn,.class-chat-toggle,.chat-fab{background:var(--ink-900)!important;color:var(--accent-hero)!important;border:1.5px solid var(--paper)!important}.notif-dropdown{background:var(--bg-surface)!important;border:1.5px solid var(--fg-default)!important;box-shadow:var(--shadow-card)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:var(--fg-default)!important}.notif-header{border-bottom:1px dashed var(--border-soft)!important}.notif-header-title{color:var(--fg-default)!important}.notif-mark-all{color:var(--status-warn-display)!important}.notif-mark-all:hover{color:var(--fg-default)!important}.notif-empty{color:var(--fg-muted)!important}.notif-item{color:var(--fg-default)!important;border-bottom:1px dashed var(--border-soft)!important}.notif-item:hover{background:var(--bg-sunken)!important}.notif-item.unread{background:color-mix(in oklab,var(--accent-hero) 14%,var(--bg-surface))!important}.notif-item.unread:hover{background:color-mix(in oklab,var(--accent-hero) 22%,var(--bg-surface))!important}.notif-item-text{color:var(--fg-muted)!important}.notif-item-time{color:var(--fg-faint)!important}.notif-unread-dot{background:var(--accent-hero)!important;box-shadow:0 0 0 3px color-mix(in oklab,var(--accent-hero) 30%,transparent)!important}.announcement-banner{background:var(--bg-surface)!important;border:1.5px solid var(--fg-default)!important;box-shadow:var(--shadow-btn)}.announcement-banner.pinned{border-color:var(--fg-default)!important;box-shadow:var(--shadow-card)!important}.announcement-item{border-bottom:1px dashed var(--border-soft)!important}.announcement-text{color:var(--fg-muted)!important}.announcement-meta{color:var(--fg-faint)!important}.announcement-pin-badge{color:var(--status-warn-ink)!important;background:var(--status-warn)!important;border:1.5px solid var(--fg-default)}.sign-out-btn:hover{color:var(--accent-alt-display)!important;background:color-mix(in oklab,var(--status-danger) 12%,transparent)!important;border-color:var(--accent-alt-display)!important}.music-config,.music-config-content,.bug-reporter-content{background:var(--bg-surface)!important;border:1.5px solid var(--fg-default)!important;color:var(--fg-default)!important}.music-config-close:hover{color:var(--accent-alt-display)!important;border-color:var(--accent-alt-display)!important}.dictation-btn.listening{color:var(--accent-alt-display)!important}.evidence-upload-zone{background:var(--bg-surface)!important;border:2px dashed var(--fg-default)!important;color:var(--fg-default)!important}.evidence-upload-zone:hover{background:color-mix(in oklab,var(--accent-hero) 10%,var(--bg-surface))!important;border-color:var(--fg-default)!important}.spinner,.loading-spinner{border-color:color-mix(in oklab,var(--fg-default) 12%,transparent)!important;border-top-color:var(--accent-hero)!important}.music-player,.floating-music-player{background:var(--bg-surface);border:1.5px solid var(--fg-default);color:var(--fg-default);box-shadow:var(--shadow-card)}.td-template-desc,.td-card-badge--viewonly,.td-card-desc,.td-card-meta{color:var(--fg-muted)!important}.class-chat-toggle,.chat-toggle-btn,.chat-fab{color:var(--lime)!important}.preview-banner{position:fixed;top:0;left:0;right:0;z-index:9999;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 12px #f59e0b59}.preview-banner-inner{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:0 24px;height:52px}.preview-banner-left{display:flex;align-items:center;gap:10px}.preview-banner-eye{font-size:20px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.preview-banner-label{font-family:var(--font-body, "DM Sans", sans-serif);font-weight:700;font-size:14px;color:#1a1a1a;letter-spacing:.02em;text-transform:uppercase}.preview-scenario-picker{position:relative}.preview-scenario-btn{display:flex;align-items:center;gap:8px;padding:6px 14px;background:#0000001f;border:1px solid rgba(0,0,0,.15);border-radius:8px;color:#1a1a1a;font-family:var(--font-body, "DM Sans", sans-serif);font-weight:600;font-size:13px;cursor:pointer;transition:background .15s}.preview-scenario-btn:hover{background:#0000002e}.preview-chevron{font-size:10px;opacity:.7}.preview-scenario-dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:280px;background:var(--surface, #1e2132);border:1px solid var(--border, #2a2f3d);border-radius:12px;box-shadow:0 12px 40px #00000073;overflow:hidden;animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.preview-scenario-option{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;background:transparent;cursor:pointer;text-align:left;transition:background .12s;color:var(--text, #e0e0e0)}.preview-scenario-option:hover{background:#f59e0b14}.preview-scenario-option.active{background:#f59e0b26}.scenario-opt-icon{font-size:20px;flex-shrink:0}.scenario-opt-label{font-family:var(--font-body, "DM Sans", sans-serif);font-weight:600;font-size:13px;color:var(--text, #e0e0e0)}.scenario-opt-desc{font-family:var(--font-body, "DM Sans", sans-serif);font-size:11px;color:var(--text3, #888);margin-top:2px}.preview-exit-btn{padding:7px 16px;background:#0003;border:1px solid rgba(0,0,0,.2);border-radius:8px;color:#1a1a1a;font-family:var(--font-body, "DM Sans", sans-serif);font-weight:700;font-size:13px;cursor:pointer;transition:background .15s,transform .1s}.preview-exit-btn:hover{background:#0000004d;transform:translateY(-1px)}.preview-launcher{position:relative}.preview-launch-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#f59e0b26,#f59e0b14);border:1px solid rgba(245,158,11,.3);border-radius:10px;color:#f59e0b;font-family:var(--font-body, "DM Sans", sans-serif);font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.preview-launch-btn:hover{background:linear-gradient(135deg,#f59e0b38,#f59e0b1f);border-color:#f59e0b80;transform:translateY(-1px);box-shadow:0 4px 16px #f59e0b26}.preview-launch-btn.compact{padding:6px 12px;font-size:12px;border-radius:6px}.preview-launch-icon{font-size:18px}.preview-launch-panel{position:absolute;top:calc(100% + 8px);left:0;width:300px;background:var(--surface, #1e2132);border:1px solid var(--border, #2a2f3d);border-radius:12px;box-shadow:0 12px 40px #00000073;overflow:hidden;animation:dropdownFadeIn .15s ease;z-index:100}.preview-launch-title{padding:14px 16px 8px;font-family:var(--font-body, "DM Sans", sans-serif);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text3, #888)}.preview-launch-option{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;background:transparent;cursor:pointer;text-align:left;transition:background .12s;color:var(--text, #e0e0e0)}.preview-launch-option:hover{background:#f59e0b14}.preview-launch-opt-icon{font-size:22px;flex-shrink:0}.preview-launch-opt-label{font-family:var(--font-body, "DM Sans", sans-serif);font-weight:600;font-size:14px}.preview-launch-opt-desc{font-family:var(--font-body, "DM Sans", sans-serif);font-size:11px;color:var(--text3, #888);margin-top:2px}.chatbot-preview-notice{padding:14px 18px;background:#f59e0b14;border:1px dashed rgba(245,158,11,.3);border-radius:8px;font-family:var(--font-body, "DM Sans", sans-serif);font-size:13px;color:#f59e0b;text-align:center;margin:8px 22px}