:root{--font-family-base: "Inter", "SF Pro Text", "Segoe UI", system-ui, sans-serif;--font-family-display: "Inter", "SF Pro Display", "Segoe UI", system-ui, sans-serif;--font-size-2xs: .625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.375rem;--font-size-2xl: clamp(1.6rem, 2.9vw, 2rem);--font-size-3xl: clamp(2.1rem, 3.6vw, 2.8rem);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.15;--line-height-snug: 1.25;--line-height-normal: 1.45;--line-height-relaxed: 1.6;--space-2xs: 4px;--space-xs: 6px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--shadow-soft: 0 10px 24px rgba(0,0,0,.28);--shadow-strong: 0 18px 40px rgba(0,0,0,.45);--brand-50: #f3f8ff;--brand-100: #d6e4ff;--brand-200: #afc8ff;--brand-300: #7da3ff;--brand-400: #4b7dff;--brand-500: #1f5fff;--brand-600: #174ae0;--brand-700: #1239b5;--brand-800: #0d2a8a;--brand-900: #091f66;--brand-950: #06123e;--brand-975: #040404;--shade-975: #040404;--shade-950: #060606;--shade-900: #0b0b0b;--shade-800: #111111;--shade-700: #181818;--shade-600: #1f1f1f;--neutral-0: #ffffff;--neutral-50: #f5f5f5;--neutral-100: #e3e3e3;--neutral-200: #cfcfcf;--neutral-300: #adadad;--neutral-400: #8c8c8c;--neutral-500: #6b6b6b;--neutral-600: #4f4f4f;--neutral-700: #383838;--neutral-800: #242424;--neutral-900: #121212;--neutral-950: #080808;--accent-positive: #21d07a;--accent-info: #4ba8ff;--accent-warning: #f7b731;--accent-critical: #ff5c7a;--surface-body: radial-gradient(circle at top, #1c1c1c 0%, #080808 55%, #020202 100%);--surface-app: linear-gradient(175deg, rgba(10,10,10,.96) 0%, rgba(5,5,5,.98) 45%, #000000 100%);--surface-panel: rgba(255,255,255,.06);--surface-card: rgba(255,255,255,.08);--surface-chip: rgba(255,255,255,.1);--surface-contrast: rgba(255,255,255,.12);--surface-overlay: rgba(10,10,10,.65);--surface-hover: rgba(255,255,255,.12);--surface-active: rgba(255,255,255,.18);--surface-highlight: rgba(255,255,255,.18);--surface-elevated: rgba(255,255,255,.04);--surface-input: rgba(255,255,255,.08);--surface-input-focus: rgba(255,255,255,.14);--surface-100: rgba(255,255,255,.03);--surface-200: rgba(255,255,255,.05);--surface-300: rgba(255,255,255,.08);--ink-strong: var(--neutral-50);--ink-muted: rgba(227,227,227,.7);--ink-subtle: rgba(227,227,227,.55);--ink: var(--ink-strong);--border-soft: rgba(255,255,255,.12);--border-hard: rgba(255,255,255,.22);--border-strong: var(--border-hard);--btn-radius: var(--radius-md);--btn-primary-bg: linear-gradient(140deg, var(--brand-500), var(--brand-400));--btn-primary-bg-hover: linear-gradient(140deg, var(--brand-400), var(--brand-300));--btn-primary-bg-active: linear-gradient(140deg, var(--brand-600), var(--brand-500));--btn-primary-fg: var(--neutral-0);--btn-ghost-bg: transparent;--btn-ghost-bg-hover: rgba(255,255,255,.08);--btn-ghost-fg: var(--ink-strong)}.text-title-xl{font-family:var(--font-family-display);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.text-title-lg{font-family:var(--font-family-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-snug)}.text-title-md{font-family:var(--font-family-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal)}.text-body{font-family:var(--font-family-base);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal)}.text-body-sm{font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:calc(var(--space-sm) + 2px) var(--space-lg);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--btn-radius);border:1px solid transparent;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease;text-decoration:none}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-fg);box-shadow:0 8px 18px #1f5fff40}.btn-primary:hover{background:var(--btn-primary-bg-hover);box-shadow:0 10px 24px #1f5fff47}.btn-primary:active{background:var(--btn-primary-bg-active);transform:translateY(1px)}.btn-secondary{background:#ffffff14;color:var(--ink-strong);border-color:var(--border-soft)}.btn-secondary:hover{background:#ffffff1f;border-color:var(--border-hard)}.btn-secondary:active{transform:translateY(1px)}.btn-ghost{background:var(--btn-ghost-bg);color:var(--btn-ghost-fg);border-color:var(--border-soft)}.btn-ghost:hover{background:var(--btn-ghost-bg-hover)}.btn-ghost:active{transform:translateY(1px)}.btn-danger{background:#ff5c7a38;color:#ffb6c6;border-color:#ff5c7a73}.btn-danger:hover{background:#ff5c7a47;border-color:#ff5c7a99}.btn-danger:active{transform:translateY(1px)}.panel{background:#ffffff0f;border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--space-lg)}.chip{display:inline-flex;align-items:center;gap:var(--space-xs);padding:6px 10px;border-radius:999px;background:var(--surface-chip);color:var(--ink-strong);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-family-base);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--ink-strong);background:var(--surface-body)}body.sidebar-open{overflow:hidden}a{color:inherit}.app-shell{display:grid;grid-template-rows:64px 1fr 44px;grid-template-columns:240px 1fr;height:100vh;overflow:hidden;background:var(--surface-app);box-shadow:inset 0 0 140px #050a19ad}.header{grid-column:1 / -1;display:flex;align-items:center;gap:var(--space-lg);padding:0 var(--space-lg);background:linear-gradient(135deg,#121212f5,#0a0a0aeb);color:var(--ink-strong);border-bottom:1px solid var(--border-soft)}.header-menu-btn{display:none;font-size:1.45rem;line-height:1}.header-left{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.brand-mark{width:34px;height:34px;border-radius:var(--radius-md);background:var(--surface-chip);display:grid;place-items:center;font-family:var(--font-family-display);font-weight:var(--font-weight-bold);color:var(--brand-300)}.brand-name{font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:.3px}.header-center{flex:1;display:flex;justify-content:center}.search-input{width:min(560px,100%);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface-input);color:var(--ink-strong);outline:none;font-size:var(--font-size-sm)}.search-input::placeholder{color:var(--ink-muted)}.search-input:focus{border-color:var(--border-hard);background:var(--surface-input-focus)}.header-right{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-sm);flex-shrink:0}.icon-btn{background:transparent;border:1px solid transparent;color:var(--ink-strong);font-size:1.1rem;cursor:pointer;padding:6px 8px;border-radius:var(--radius-sm);transition:background .15s ease,color .15s ease,border .15s ease}.icon-btn:hover{background:var(--surface-hover);border-color:var(--border-soft);color:var(--neutral-0)}.user{display:flex;align-items:center;gap:var(--space-xs)}.avatar{width:30px;height:30px;border-radius:50%;background:#ffffff26;display:grid;place-items:center;font-weight:var(--font-weight-semibold);color:var(--neutral-900)}.username{color:var(--ink-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.sidebar{grid-row:2;grid-column:1;background:linear-gradient(165deg,#080808eb,#040404fa);color:var(--ink-strong);padding:var(--space-lg) var(--space-md);overflow-y:auto;border-right:1px solid var(--border-soft);width:240px;max-width:100%;position:relative;z-index:90;transform:translate(0);transition:transform .3s ease,box-shadow .3s ease}.nav{width:100%}.menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.menu li{margin:0}.menu-link{display:flex;align-items:center;gap:var(--space-sm);color:inherit;text-decoration:none;padding:10px 12px;border-radius:var(--radius-md);transition:background .15s ease,color .15s ease;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.menu-link:hover{background:var(--surface-hover)}.menu-link.active{background:var(--surface-active);box-shadow:inset 0 0 0 1px var(--border-soft)}.sidebar-backdrop{position:fixed;inset:0;border:0;padding:0;margin:0;background:#0000008c;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:80;display:none}.sidebar-backdrop.is-visible{display:block;opacity:1;pointer-events:auto}.main{grid-row:2;grid-column:2;background:linear-gradient(145deg,#0c0c0cf0,#060606f5);color:var(--ink-strong);padding:var(--space-xl);overflow:auto}.main h1,.main h2,.main h3{margin-bottom:var(--space-sm);font-family:var(--font-family-display);font-weight:var(--font-weight-bold)}.main p{color:var(--ink-muted);margin-bottom:var(--space-sm)}.footer{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);background:linear-gradient(135deg,#0a0a0af5,#121212e6);color:var(--ink-muted);font-size:var(--font-size-sm);border-top:1px solid var(--border-soft)}.footer .muted{color:var(--ink-subtle)}@media (max-width: 960px){.app-shell{grid-template-columns:200px 1fr}.sidebar{width:200px}.header-center,.username{display:none}}@media (max-width: 768px){.header{padding:0 var(--space-md)}.header-left{gap:var(--space-xs)}.header-menu-btn{display:inline-flex}.app-shell{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.sidebar{position:fixed;top:0;left:0;height:100%;width:min(260px,82vw);max-width:100%;padding:72px 20px 24px;transform:translate(-105%);border-right:none;background:linear-gradient(160deg,#080808f5,#121212e6)}.sidebar.is-open{transform:translate(0);box-shadow:0 24px 60px #0000008c}.menu{gap:var(--space-sm)}.menu-link{font-size:var(--font-size-md);padding:12px 14px}.main{grid-column:1;grid-row:2;padding:20px 16px 72px}.footer{grid-column:1;grid-row:3;padding:12px 16px}.sidebar-backdrop{display:block}}@media (max-width: 680px){.brand-name{display:none}.header{gap:var(--space-sm)}}.lm-wrap{display:flex;flex-direction:column;gap:16px}.lm-filters{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;background:var(--surface-200);border:1px solid var(--border-soft);border-radius:12px;padding:12px;box-shadow:var(--shadow-elevated)}.lm-field{display:flex;flex-direction:column;gap:6px;min-width:180px}.lm-grow{flex:1}.lm-label{color:var(--ink-muted);font-size:.85rem}.lm-select,.lm-input{background:var(--surface-input);color:var(--ink);border:1px solid var(--border-soft);border-radius:8px;padding:10px 12px;outline:none}.lm-select:focus,.lm-input:focus{border-color:var(--border-strong)}.lm-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.lm-card{background:var(--surface-200);border:1px solid var(--border-soft);border-radius:12px;padding:16px;color:var(--ink);height:200px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-elevated)}.lm-card-top{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center}.lm-icon{width:56px;height:56px;border-radius:12px;background:#ffffff1f;display:grid;place-items:center;font-weight:700;font-size:1.2rem;color:var(--neutral-900)}.lm-title-wrap{overflow:hidden}.lm-title{margin:0;font-size:1.05rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lm-desc{margin:.15rem 0 0;color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lm-progress-pct{font-weight:800;color:#d6d6d6}.lm-meta{display:flex;gap:18px;color:#d0d0d0;font-size:.9rem;opacity:.92}.lm-bar{height:10px;border-radius:999px;overflow:hidden;background:var(--surface-active)}.lm-bar-fill{height:100%;background:var(--surface-highlight)}.lm-foot{display:flex;align-items:center;justify-content:space-between}.lm-chip{padding:6px 10px;border-radius:999px;font-size:.8rem;font-weight:700;background:var(--surface-chip)}.lm-chip.completed{background:var(--accent-positive)}.lm-chip.inprogress{background:var(--accent-warning);color:var(--neutral-900)}.lm-chip.notstarted{background:var(--neutral-600)}.lm-link{color:#e0e0e0;text-decoration:none;font-weight:700}.lm-link:hover{text-decoration:underline}.lm-empty{grid-column:1 / -1;opacity:.95;background:var(--surface-overlay);border:1px dashed var(--border-soft);border-radius:12px;padding:24px;text-align:center}.main:has(.mv--isolate){overflow:hidden;padding:var(--space-lg) var(--space-lg) var(--space-xl);padding-top:var(--space-md)}.viewer.mv--isolate{height:100%;display:flex;flex-direction:column;overflow:hidden}.mv-card{background:var(--surface-200);border:1px solid var(--border-soft);border-radius:10px;color:var(--ink);box-shadow:var(--shadow-elevated)}.mv-sticky{position:sticky;top:0;z-index:50;padding:4px 8px 0;background:linear-gradient(180deg,#121212eb,#12121200)}.mv-header-card{display:grid;grid-template-columns:1fr auto 320px;align-items:center;gap:10px;padding:10px 12px;margin-bottom:4px}.mv-header-left{justify-self:start}.mv-header-center{justify-self:center}.mv-header-right{justify-self:end;display:flex;gap:16px;align-items:center}.mv-header-title{font-weight:800;opacity:.95}.mv-sticky-group{min-width:220px}.mv-sticky-step{color:#d6d6d6;font-size:.9rem;margin-bottom:4px}.mv-grid{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,5fr) minmax(300px,4fr);gap:10px;padding:12px 8px 6px}.mv-content-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0;min-height:0;padding:0}.mv-content-head{padding:6px 10px}.mv-center-scroll{flex:1 1 auto;min-height:0;overflow:auto;padding:0 8px 8px}.mv-footerbar{padding:6px 10px}.mv-sep{flex:0 0 1px;height:1px;align-self:stretch;background:var(--sep);margin:0}.mv-chat-card{display:flex;flex-direction:column;min-height:0;padding:0}.mv-chat-head{padding:6px 10px;border-bottom:1px solid var(--border-soft)}.mv-chat-list{flex:1 1 auto;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:0 8px}.mv-chat-inputwrap{align-items:flex-end;gap:8px;padding:6px 10px}.mv-chat-msg{display:flex}.mv-chat-msg.user{justify-content:flex-end}.mv-chat-msg.assistant{justify-content:flex-start}.mv-chat-bubble{max-width:85%;padding:10px 12px;border-radius:14px;line-height:1.35;white-space:pre-wrap;box-shadow:0 10px 24px #050c1c52}.mv-chat-msg.user .mv-chat-bubble{background:linear-gradient(135deg,#2a2a2a,#1c1c1c);color:#f1f1f1;border-bottom-right-radius:4px}.mv-chat-msg.assistant .mv-chat-bubble{background:var(--surface-contrast);color:#f3f3f3;border-bottom-left-radius:4px;border:1px solid var(--border-soft)}.mv-typing .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.4;margin-right:3px;animation:mvblink 1.1s infinite alternate}.mv-typing .dot:nth-child(2){animation-delay:.2s}.mv-typing .dot:nth-child(3){animation-delay:.4s}@keyframes mvblink{0%{opacity:.2}to{opacity:.8}}.mv-blocks{display:flex;flex-direction:column;gap:12px}.mv-bullets{margin:10px 0;padding-left:18px}.mv-bullets li{margin:6px 0}.mv-empty{opacity:.95;background:var(--surface-overlay);border:1px dashed var(--border-soft);border-radius:12px;padding:16px}.mv-example{margin-top:6px;padding:12px;background:var(--surface-panel);border:1px solid var(--border-soft);border-radius:10px;box-shadow:var(--shadow-elevated)}.mv-example-head{font-weight:800;margin-bottom:6px}.mv-example-q,.mv-example-a{margin:4px 0}.mv-pdf-wrap{background:var(--surface-panel);border:1px solid var(--border-soft);border-radius:12px;overflow:hidden;height:72vh;box-shadow:var(--shadow-elevated)}.mv-pdf{width:100%;height:100%;border:0}.mv-btn,a.mv-btn{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1}@media (max-width: 1024px){.mv-grid{grid-template-columns:1fr}.mv-chat-card{order:2}.mv-content-card{order:1}}.mv-footerbar{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:8px 12px}.mv-sep{height:1px;background:var(--sep)}.mv-chat-inputwrap{display:flex;align-items:flex-end;gap:8px;padding:8px 12px}.mv-chat-input{flex:1;width:100%;resize:none;padding:8px 10px;border-radius:10px;border:1px solid var(--border-soft);background:var(--surface-input);color:var(--ink);font:inherit;outline:none}.mv-chat-input::placeholder{color:var(--ink-muted);opacity:.85}.mv-chat-input:focus{border-color:var(--border-strong);background:var(--surface-input-focus)}.mv-chat-bubble{max-width:90%;line-height:1.38;border-radius:14px}.mv-chat-msg.assistant .mv-chat-bubble{background:var(--surface-contrast);color:#f3f3f3;border:1px solid var(--border-soft)}.mv-chat-msg.user .mv-chat-bubble{background:linear-gradient(180deg,#2b2b2b,#191919);color:#f1f1f1;border:0;box-shadow:0 1px 10px #00000059}.mv-typing .dot{opacity:.6}.mv-header-title{font-weight:800;font-size:1.45rem;letter-spacing:.2px}.mv-header-right{display:flex;align-items:center;gap:12px}.mv-close-btn{padding:8px 10px;line-height:1}.mv-content-head .mv-title{margin:0;font-size:1.2rem;font-weight:800}.mv-chat-list{font-size:.95rem}.mv-chat-head .mv-chat-title{font-size:.98rem}.mv-chat-head .mv-chat-sub{font-size:.8rem;opacity:.7}.mv-objective-line{margin:.25rem 0 .35rem}.mv-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px 8px 4px;border-bottom:1px solid var(--sep)}.mv-tab{appearance:none;border:1px solid var(--border-soft);background:var(--surface-100);color:var(--ink);border-radius:8px;padding:5px 7px;font-weight:800;cursor:pointer;transition:background .15s ease,border .15s ease}.mv-tab:hover{background:var(--surface-active)}.mv-tab.is-active{background:var(--btn-primary-bg);color:var(--btn-primary-fg);border:0;box-shadow:0 2px 12px #00000059}.mv-tabbar-sub{display:flex;gap:6px;padding:4px 8px 0}.mv-chip{appearance:none;border:1px solid var(--border-soft);background:var(--surface-100);color:var(--ink);border-radius:999px;padding:4px 8px;font-weight:700;cursor:pointer;font-size:.8rem;transition:background .15s ease,border .15s ease}.mv-chip:hover{background:var(--surface-active)}.mv-chip.is-active{background:var(--surface-highlight);border-color:var(--border-strong)}.mv-discuss-item{background:var(--surface-overlay);border:1px solid var(--border-soft);border-radius:10px;padding:10px;box-shadow:var(--shadow-elevated)}.mv-discuss-item+.mv-discuss-item{margin-top:10px}.mv-discuss-meta{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--ink-muted);margin-bottom:4px}.mv-discuss-author{color:#fff;font-weight:700}.mv-discuss-dot{opacity:.7}.mv-discuss-aud.class,.mv-discuss-aud.teacher,.mv-discuss-aud.self{color:#d8d8d8;font-weight:700}.mv-discuss-body{line-height:1.4;background:var(--surface-contrast);border:1px solid var(--border-soft);border-radius:8px;padding:8px 10px}.mv-discuss-body.teacher,.mv-discuss-body.self{background:var(--surface-active)}.tryit-shell{flex:1 1 auto;min-height:0;display:inline-flex;flex-direction:column;padding:4px 6px 6px;background:var(--surface-panel);border:1px solid var(--border-soft);border-radius:10px}.tryit-iframe--full,.tryit-inline.tryit-iframe--full{width:100%;height:100%;min-height:0;border:0;font-size:.8rem;overflow:inherit;background:var(--surface-contrast);color:var(--ink)}.tryit-inline{background:var(--surface-contrast);color:var(--ink);border:1px solid var(--border-soft);border-radius:10px;padding:12px;display:block}.mv-rightdock-compact{display:flex;flex-direction:column;font-size:.8rem;min-height:0}.mv-rightdock-compact .mv-chat-input{font-size:.9rem}.mv-rightdock-compact .mv-discuss-meta{font-size:.78rem}.mv-rightdock-compact .tryit-shell{flex:1 1 auto;min-height:0;overflow:hidden;padding:4px 6px 6px}.mv-rightdock-compact iframe,.mv-rightdock-compact .tryit-inline{flex:1 1 auto;min-height:0;overflow:auto}.mv-tabs.mv-tabs-segmented{display:flex;gap:0;padding:6px;margin:6px 10px;background:var(--surface-panel);border:1px solid var(--border-soft);border-radius:12px}.mv-tabs.mv-tabs-segmented .mv-tab{flex:1;appearance:none;border:1px solid transparent;background:transparent;color:var(--ink);font-weight:800;padding:6px 8px;border-radius:8px;cursor:pointer;transition:background .15s,color .15s,border .15s}.mv-tabs.mv-tabs-segmented .mv-tab:hover{background:var(--surface-active)}.mv-tabs.mv-tabs-segmented .mv-tab.is-active{background:var(--surface-highlight);color:var(--ink);border-color:var(--border-strong);box-shadow:none}.mv-tab-emoji{margin-right:6px}.mv-tabbar-sub{display:flex;gap:8px;padding:6px 10px 0}.main .dash-grid.dash--three{display:grid!important;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-template-areas:"profile  progress" "gamify   gamify";gap:16px;align-items:stretch;min-width:0}.dash-grid.dash--three>.card{background:var(--surface-200);border:2px solid var(--border-soft);border-radius:12px;display:flex;flex-direction:column;min-width:0;height:100%;padding:14px;box-shadow:var(--shadow-elevated);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-title{margin:0;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-grid.dash--three>.card .card-body{flex:1 1 auto;min-height:0;min-width:0}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.list-item{display:grid;grid-template-columns:88px 1fr auto;gap:10px;align-items:center;padding:8px 10px;background:var(--surface-overlay);border-radius:10px;min-width:0;box-shadow:0 10px 28px #050e1e61}.list-date{color:#dadada;font-weight:600}.list-title{color:#fff;font-size:.95rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-chip{padding:4px 10px;border-radius:999px;font-size:.76rem;font-weight:700;background:var(--surface-chip);color:#fff;white-space:nowrap}.list-chip.assignment{background:#ffffff2e}.list-chip.module{background:#ffffff24}.list-chip.practice{background:#ffffff2e}@media (max-width:560px){.list-item{grid-template-columns:70px 1fr auto}.list-title{white-space:normal;overflow-wrap:anywhere}}.profile-head{margin-bottom:8px;font-weight:900;font-size:1.08rem;letter-spacing:.2px;overflow-wrap:anywhere}.profile-grid2{display:grid;grid-template-columns:clamp(160px,26vw,220px) 1fr;gap:12px;align-items:start;min-width:0}.profile-left{min-width:0}.profile-photo{width:100%;aspect-ratio:4/5;border-radius:12px;overflow:hidden;background:var(--surface-active);display:grid;place-items:center;box-shadow:0 18px 36px #040c2073}.profile-photo-img{width:100%;height:100%;object-fit:cover;display:block}.tiles-under-photo{margin-top:10px;display:flex;flex-direction:column;gap:8px}.chip{padding:6px 10px;border-radius:10px;background:var(--surface-chip);border:1px solid var(--border-soft);font-weight:700;font-size:.8rem;color:var(--ink);white-space:normal;overflow-wrap:anywhere}.chip-s{font-size:.78rem}.profile-right{display:grid;grid-template-rows:auto 1fr;gap:8px;min-width:0}.kv-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}.kv{display:grid;gap:3px;background:var(--surface-contrast);border:1px solid var(--border-soft);border-radius:10px;padding:8px;min-width:0}.kv-value{font-weight:800;font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:anywhere}.bio{background:var(--surface-overlay);border:1px solid var(--border-soft);border-radius:10px;padding:8px;line-height:1.35;font-size:.92rem;min-height:0;overflow-wrap:anywhere}@media (max-width:960px){.profile-grid2{grid-template-columns:1fr}.kv-mini{grid-template-columns:1fr 1fr}}@media (max-width:560px){.kv-mini{grid-template-columns:1fr}}.gamify-grid{--min:220px;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--min),1fr));gap:12px;align-items:stretch;grid-auto-rows:1fr;min-width:0}.g-tile{display:flex;flex-direction:column;justify-content:space-between;min-width:0;height:100%}.metric,.heatmap,.badges{background:var(--surface-contrast);border:1px solid var(--border-soft);border-radius:10px;padding:10px;min-width:0;box-shadow:var(--shadow-elevated)}.big{font-size:clamp(1.1rem,2vw,1.6rem);font-weight:900}.sub{color:var(--ink-muted)}.heatgrid{display:grid;grid-template-columns:repeat(20,1fr);gap:3px}.cell{width:100%;aspect-ratio:1;border-radius:2px;background:var(--surface-highlight)}.lvl-1{background:#ffffff14}.lvl-2{background:#ffffff1f}.lvl-3{background:#ffffff29}.lvl-4{background:#fff3}.badge-row{display:flex;gap:8px;flex-wrap:wrap}.badge{padding:6px 10px;border-radius:999px;background:var(--surface-active);font-size:.78rem;color:var(--ink)}.ring-small{display:block;margin-inline:auto;filter:drop-shadow(0 6px 16px rgba(0,0,0,.25))}.ring-small circle{fill:none;stroke-linecap:round}.ring-small .bg{stroke:#73a5ff47}.ring-small .t{stroke:#d0d0d0}.ring-small .a{stroke:#b8b8b8}.ring-small .c{stroke:#e0e0e0}.legend{font-size:.75rem;color:var(--ink-muted);margin-top:6px}@media (max-width:960px){.main .dash-grid.dash--three{grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:"profile" "progress" "gamify"}.gamify-grid{--min:260px}}.card{background:var(--surface-panel);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.card .card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-md) var(--space-md) 0}.card .card-title{margin:0;font-weight:var(--font-weight-bold);font-family:var(--font-family-display)}.card .card-body{padding:var(--space-md) var(--space-md) var(--space-md)}.dash-news{display:grid;grid-template-columns:4fr 1fr;gap:16px;min-height:calc(100vh - 156px)}.news-left{background:transparent;overflow:auto;min-height:0;border-radius:12px;scroll-behavior:smooth;overscroll-behavior:contain}.digest-wrap{position:sticky;top:0;z-index:6;background:#080808eb;border-bottom:1px solid var(--border-soft)}.digest-bar{position:sticky;top:56px;padding:10px 6px 12px}.feed-header{padding:10px 8px 8px}.feed-header-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.feed-header-title{font-weight:900;color:#fff}.feed-header-meta{display:inline-flex;gap:6px;flex-wrap:wrap}.fh-chip{padding:6px 10px;border-radius:999px;background:var(--surface-chip);color:var(--ink-muted);font-weight:700;font-size:.82rem;border:1px solid var(--border-soft)}.digest-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.flip3d{appearance:none;border:0;background:transparent;cursor:pointer;perspective:1000px;border-radius:12px;outline:none}.flip3d-inner{position:relative;width:100%;height:132px;transform-style:preserve-3d;transition:transform .6s ease}.flip3d:active .flip3d-inner,.flip3d.is-read .flip3d-inner{transform:rotateY(180deg)}.flip3d-face{position:absolute;inset:0;border-radius:12px;padding:12px;display:grid;align-content:center;gap:6px;backface-visibility:hidden;border:1px solid rgba(255,255,255,.12)}.flip3d-front{background:#ffffff0f}.flip3d-back{background:#ffffff1a;transform:rotateY(180deg)}.gk-icon{font-size:1.4rem}.digest-games{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 12px;height:132px;display:flex;flex-direction:column;justify-content:center}.digest-games-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;align-items:stretch}.digest-game{appearance:none;border:0;background:#ffffff14;border-radius:10px;padding:8px;display:flex;align-items:center;gap:10px;cursor:pointer;text-align:left;color:var(--ink);font-weight:700;font-size:.85rem;border:1px solid rgba(255,255,255,.12)}.digest-game:hover{background:#ffffff1f}.digest-game-logo{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:1.15rem;background:#00000059}.digest-game-name{font-size:.82rem}.gk-title{font-weight:900;color:#fff}.gk-hint{color:var(--ink-muted);font-weight:700;font-size:.82rem}.gk-back-title{color:var(--ink-muted);font-weight:800;font-size:.9rem}.gk-content{color:#fff;font-size:.95rem;line-height:1.35}.gk-read{color:var(--ink-muted);font-weight:800;font-size:.82rem}.news-stream{display:grid;gap:12px}.post-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px;box-shadow:0 6px 16px #00000026}.post-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--ink-muted);font-weight:700;font-size:.82rem}.post-meta{color:#ffffffa6;font-weight:600;margin-left:6px}.post-author-link{color:var(--ink-muted);text-decoration:none;font-weight:800}.post-author-link:hover{text-decoration:underline}.post-title{margin:6px 0 8px;font-weight:900;font-size:1.05rem;color:#fff}.post-media{overflow:hidden;border-radius:10px;border:1px solid rgba(255,255,255,.1);margin:6px 0 8px}.post-media img{display:block;width:100%;height:260px;object-fit:cover}.post-body{color:#fff;opacity:.95;margin:4px 0 8px}.post-foot{display:flex;align-items:center;gap:8px;justify-content:flex-start}.love-btn{appearance:none;border:0;background:#ffffff1a;color:#ff97b0;font-size:16px;padding:6px 10px;border-radius:10px;cursor:pointer}.love-btn:hover{background:#ffffff29}.love-count{color:#fff;font-weight:800}.news-right{position:sticky;top:8px;align-self:start;display:flex;flex-direction:column;gap:12px;width:100%;max-width:360px}.news-right .block-card{min-height:0;display:flex;flex-direction:column}.action-card .card-body,.games-card .card-body{flex:1}.action-body{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;font-size:.92rem;min-height:0}.action-ring-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px;padding:8px 10px;background:var(--surface-panel);border:1px solid var(--border-soft);border-radius:12px}.action-ring-chart{display:grid;place-items:center}.action-ring-chart svg{width:100%;height:auto;max-width:140px}.action-ring-meta{display:grid;gap:6px;justify-items:start}.action-card .calendar{min-width:0}.games-card{display:flex;flex-direction:column}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;overflow-y:auto;padding-bottom:4px;max-height:280px}.games-card .card-body{display:flex;flex-direction:column;min-height:0}.games-card .card-body>*{min-height:0}.games-grid::-webkit-scrollbar{width:6px}.games-grid::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}.block-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px}.feed-sentinel{height:24px;opacity:0}@media (max-width: 1000px){.dash-news{grid-template-columns:1fr}.news-right{position:static;max-width:100%;top:0}.digest-row{grid-template-columns:1fr}.digest-bar{top:0}}.hm-matrix{--hm-y-w: clamp(120px, 14vw, 180px);--hm-card-w: clamp(88px, 2.5vw, 140px);--hm-card-h: clamp(50px, 1.8vw, 90px);--hm-gap: 6px;display:flex;flex-direction:column;gap:10px}.hm-row{display:grid;grid-template-columns:var(--hm-y-w) repeat(var(--hm-cols),minmax(var(--hm-card-w),1fr));gap:var(--hm-gap);align-items:center}.hm-y{font-weight:800;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:.82rem}.hm-card{height:var(--hm-card-h);border-radius:10px;border:1px solid rgba(255,255,255,.1);color:var(--ink);display:flex;align-items:center;justify-content:center;text-align:center;padding:6px;cursor:pointer;box-shadow:0 6px 16px #0000001f}.hm-card.hm-ph{background:#ffffff0f}.hm-title{font-weight:900;font-size:.75rem;line-height:1;max-width:100%;color:var(--ink)}.al-panel-head{font-weight:900;font-size:1.05rem;color:var(--ink);margin-bottom:12px}.recommendations-heatmap{background:var(--surface-panel);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-soft)}.al-modal{position:fixed;inset:0;background:#00000073;display:grid;place-items:center;z-index:80}.al-modal-card{width:min(640px,92vw);background:#121212;border:1px solid rgba(255,255,255,.16);border-radius:12px;box-shadow:0 12px 32px #00000073}.al-modal-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.12)}.al-modal-title{font-weight:900}.al-modal-x{appearance:none;border:0;background:transparent;color:#fff;font-size:18px;cursor:pointer}.al-modal-body{padding:12px}.kv2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.kv2k{color:var(--ink-muted);font-size:.86rem}.kv2v{font-weight:900}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.activity-page{color:var(--ink)}.act-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}.act-title{margin:0;font-weight:900;font-size:1.35rem;letter-spacing:.2px}.act-sub{margin:.25rem 0 0;color:var(--ink-muted)}.act-nav{display:flex;align-items:center;gap:10px}.act-nav-status{min-width:64px;text-align:center;font-weight:800;color:var(--ink-muted);background:#ffffff14;border:1px solid rgba(255,255,255,.16);padding:8px 10px;border-radius:10px}.act-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:16px;align-items:stretch;min-width:0;margin-top:14px}.act-panel{display:flex;flex-direction:column;min-width:0}.act-body{display:flex;flex-direction:column;gap:0;min-width:0}.act-section+.act-section{margin-top:8px}.act-sec-head{margin:0 0 6px;font-weight:900;font-size:1rem;color:var(--ink)}.act-sec-sub{margin:.25rem 0 .35rem;font-weight:800;color:var(--ink-muted)}.act-p{margin:.25rem 0 .4rem;opacity:.96}.act-ul,.act-ol{margin:.25rem 0 .5rem;padding-left:18px}.act-ul li,.act-ol li{margin:.25rem 0}.act-sep{height:1px;border:0;background:var(--sep);margin:10px 0 6px}.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px}.kv{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px}.kv-label{font-size:.78rem;color:var(--ink-muted)}.kv-value{font-weight:800}.tag-row{display:flex;gap:8px;flex-wrap:wrap}.mv-chip{padding:6px 10px;border-radius:999px;background:var(--surface-100);border:1px solid var(--border-soft);color:#fff;font-weight:800;font-size:.82rem}.rubric-head{font-weight:900;margin-bottom:6px}.rubric-grid{display:grid;gap:8px}.rubric-row{display:grid;grid-template-columns:1fr auto;gap:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px}.rubric-crit{font-weight:800}.rubric-weight{font-weight:900;color:#d6d6d6}@media (max-width: 1200px){.act-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}}@media (max-width: 800px){.act-grid{grid-template-columns:1fr}.act-head{align-items:flex-start;flex-direction:column;gap:8px}.act-nav{align-self:stretch;justify-content:space-between;width:100%}}.post-card{transition:box-shadow .18s ease,transform .18s ease}.post-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px #00000059}.post-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.meta-chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.meta-chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);color:var(--ink-muted);font-weight:800;font-size:.78rem;white-space:nowrap}.calendar{display:flex;flex-direction:column;gap:20px;margin-top:10px}.cal-head{display:flex;align-items:center;justify-content:space-between;font-weight:800;color:#fff;margin-bottom:4px}.cal-head button{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;padding:2px 6px;border-radius:6px;cursor:pointer}.cal-head button:hover{background:#ffffff1f}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-cell{position:relative;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#fff;text-align:center;padding:6px 0;font-size:.85rem;min-height:32px}.cal-cell.today{border:2px solid #21d07a;font-weight:900}.cal-cell.today .tick{position:absolute;top:2px;right:4px;font-size:.7rem;color:#21d07a}.cal-cell.due{background:var(--surface-active);border-color:var(--surface-highlight)}.cal-cell.overdue{background:#ff6b6b2e;border-color:#ff6b6b}.cal-cell.empty{background:transparent;border:none}.assignments-page .assignments-scope{color:var(--ink-strong);font-family:var(--font-family-base)}.assignments-landing{color:var(--ink-strong)}.assignments-landing .al-welcome{font-family:var(--font-family-display);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);margin:var(--space-xs) 0 var(--space-lg)}.al-panel{background:var(--surface-panel);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);min-height:0;box-shadow:var(--shadow-soft)}.al-panel+.al-panel{margin-top:var(--space-lg)}.design-grid{display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:var(--space-md);align-items:end}.field{display:flex;flex-direction:column;gap:var(--space-xs)}.label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--ink-muted)}.al-input{width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--surface-input);border:1px solid var(--border-soft);color:var(--ink-strong);outline:none;transition:border .15s ease,background .15s ease}.al-input:focus{border-color:var(--border-hard);background:var(--surface-input-focus)}.rect{border-radius:var(--radius-md)}.al-multi{position:relative}.al-dd{display:flex;align-items:center;justify-content:space-between}.al-dd-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.al-caret{margin-left:var(--space-xs);opacity:.8}.al-menu{position:absolute;top:calc(100% + var(--space-xs));left:0;width:100%;background:#121212f5;color:var(--ink-strong);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-strong);max-height:260px;overflow:auto;padding:var(--space-sm);z-index:40;animation:alDrop .12s ease-out}@keyframes alDrop{0%{transform:translateY(-4px);opacity:0}to{transform:translateY(0);opacity:1}}.al-item{appearance:none;border:0;background:transparent;color:var(--ink-strong);display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);width:100%;text-align:left;cursor:pointer;transition:background .15s ease}.al-item:hover{background:#ffffff14}.al-empty{color:var(--ink-muted);padding:var(--space-sm)}.seg{display:inline-flex;gap:var(--space-xs);padding:var(--space-xs);border-radius:var(--radius-md);border:1px solid var(--border-soft);background:#141414db}.seg-btn{appearance:none;border:0;background:transparent;color:var(--ink-muted);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;flex:1;transition:background .15s ease,color .15s ease}.seg-btn:hover{background:#ffffff1a;color:var(--ink-strong)}.seg-btn.on{background:#ffffff29;color:var(--ink-strong);box-shadow:inset 0 0 0 1px var(--border-soft)}.design-actions{display:flex;justify-content:center;gap:var(--space-md)}.config-readonly{display:grid;grid-template-columns:repeat(5,minmax(160px,1fr));gap:var(--space-md)}.config-readonly .k{display:block;font-size:var(--font-size-xs);color:var(--ink-muted);margin-bottom:3px}.config-readonly .v{display:block;font-weight:var(--font-weight-semibold)}.al-content{overflow:auto;min-height:0}.quiz-card{background:#ffffff0f;border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--space-lg);color:var(--ink-strong);box-shadow:var(--shadow-soft)}.quiz-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md)}.quiz-chips{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.chip{padding:6px 10px;border-radius:999px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:var(--surface-chip);color:var(--ink-strong)}.chip b{display:inline-block;max-width:24ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip .clip-20{max-width:20ch}.chip .clip-30{max-width:30ch}.quiz-top-right{display:flex;align-items:center;gap:var(--space-sm)}.progress-wrap{position:relative;width:280px;height:14px;border-radius:999px;background:var(--surface-active);overflow:hidden;border:1px solid var(--border-soft)}.progress-wrap.big{width:320px;height:16px}.progress-fill{position:absolute;inset:0 auto 0 0;width:0;background:var(--btn-primary-bg)}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--ink-muted);text-shadow:0 1px 0 rgba(0,0,0,.6)}.timer{position:absolute;top:var(--space-lg);right:var(--space-lg);background:#1f5fff3d;color:var(--ink-strong);border-radius:999px;padding:6px 12px;font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs)}.timer.warn{background:#ff5c7a47}.quiz-body.single{display:block}.section-head{font-weight:var(--font-weight-semibold);color:var(--ink-strong);margin:var(--space-md) 0 var(--space-sm)}.section-head.subtle{font-size:var(--font-size-sm);color:var(--ink-muted)}.quiz-question{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-normal);margin-bottom:var(--space-sm)}.opt-explain-row{display:flex;align-items:stretch;gap:var(--space-lg)}.quiz-options.fixed35{width:35%;min-width:260px;max-width:520px;display:flex;flex-direction:column;gap:var(--space-sm)}.opt{width:100%;appearance:none;border:1px solid var(--border-soft);background:#ffffff14;color:var(--ink-strong);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);text-align:left;display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;transition:background .15s ease,transform .02s ease}.opt:hover{background:#ffffff1f}.opt:active{transform:translateY(1px)}.opt .opt-index{font-weight:var(--font-weight-semibold);width:26px;height:26px;border-radius:var(--radius-sm);display:inline-grid;place-items:center;background:#ffffff26}.opt .opt-text{display:inline-block;line-height:1.3}.opt.chosen{border-color:#d0d0d073;box-shadow:0 0 0 2px #d0d0d040 inset}.opt.correct{background:#21d07a26;border-color:#21d07a73}.practice-explain{flex:1;min-width:130px;max-width:200px;display:flex;flex-direction:column;gap:var(--space-md);margin-top:0}.flipcard{appearance:none;border:0;background:transparent;perspective:1000px;border-radius:var(--radius-lg);cursor:pointer}.flipcard-inner{position:relative;width:100%;height:105px;transform-style:preserve-3d;transition:transform .6s ease}.flipcard.is-open .flipcard-inner{transform:rotateY(180deg)}.flip-face{position:absolute;inset:0;border-radius:var(--radius-lg);padding:var(--space-md);display:grid;align-content:center;gap:var(--space-sm);backface-visibility:hidden;border:1px solid var(--border-soft)}.flip-face.front{background:#ffffff0f;color:var(--ink-strong);font-weight:var(--font-weight-bold);display:grid;place-items:center}.flip-face.back{background:#ffffff1a;color:var(--ink-strong);transform:rotateY(180deg);line-height:var(--line-height-normal)}.nav-row.centered{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-top:var(--space-md)}.quiz-bottom-center{display:flex;justify-content:center;margin-top:var(--space-md)}.al-empty-quiz{background:#ffffff0a;border:1px dashed var(--border-soft);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;color:var(--ink-muted)}.al-empty-quiz-copy{margin:var(--space-sm) 0 0;font-size:var(--font-size-sm);color:var(--ink-muted)}@media (max-width: 1180px){.design-grid{grid-template-columns:repeat(3,minmax(200px,1fr))}}@media (max-width: 900px){.design-grid{grid-template-columns:repeat(2,minmax(200px,1fr))}.opt-explain-row{flex-direction:column}.quiz-options.fixed35{width:100%;max-width:none}.practice-explain{flex-direction:row;flex-wrap:wrap}}@media (max-width: 640px){.design-grid,.config-readonly{grid-template-columns:1fr}}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);background:var(--surface-body);color:var(--ink-strong)}.auth-card{width:min(420px,100%);padding:var(--space-xl);border-radius:var(--radius-xl);background:var(--surface-panel);border:1px solid var(--border-soft);box-shadow:var(--shadow-strong);display:flex;flex-direction:column;gap:var(--space-lg)}.auth-brand{display:flex;align-items:center;gap:12px;justify-content:center}.auth-title{margin:0;text-align:center;font-family:var(--font-family-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.auth-sub{text-align:center;margin:0;color:var(--ink-muted);font-size:var(--font-size-sm)}.auth-form{display:flex;flex-direction:column;gap:var(--space-md)}.auth-field{display:flex;flex-direction:column;gap:var(--space-xs);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--ink-muted)}.auth-field input{appearance:none;border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface-input);color:var(--ink-strong);padding:var(--space-sm) var(--space-md);font:inherit;outline:none;transition:border .15s,background .15s}.auth-field input:focus{border-color:var(--border-hard);background:var(--surface-input-focus)}.auth-error{background:#ff5c7a29;border:1px solid rgba(255,92,122,.42);color:#ffb3c7;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.auth-card .btn{width:100%;font-size:var(--font-size-md);padding:var(--space-sm) var(--space-lg)}