@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Manrope", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--accent-h: 268;--accent: oklch(.62 .2 var(--accent-h));--accent-strong: oklch(.54 .21 var(--accent-h));--accent-soft: oklch(.62 .2 var(--accent-h) / .14);--accent-softer: oklch(.62 .2 var(--accent-h) / .08);--accent-contrast: #ffffff;--r-unit: 1;--r-sm: calc(9px * var(--r-unit));--r-md: calc(14px * var(--r-unit));--r-lg: calc(22px * var(--r-unit));--r-xl: calc(30px * var(--r-unit));--r-pill: 999px;--d: 1;--space-1: calc(4px * var(--d));--space-2: calc(8px * var(--d));--space-3: calc(12px * var(--d));--space-4: calc(16px * var(--d));--space-5: calc(20px * var(--d));--space-6: calc(24px * var(--d));--space-8: calc(32px * var(--d));--row-h: calc(44px * var(--d));--glass-blur: blur(28px) saturate(190%);--glass-blur-lite: blur(16px) saturate(170%);--bg: transparent;--bg-sunken: rgba(150, 150, 175, .1);--surface: rgba(255, 255, 255, .6);--surface-2: rgba(255, 255, 255, .42);--surface-solid: rgba(255, 255, 255, .78);--text: oklch(.24 .02 268);--text-muted: oklch(.42 .02 268);--text-faint: oklch(.55 .02 268);--border: rgba(255, 255, 255, .65);--border-strong: rgba(255, 255, 255, .85);--hairline: rgba(70, 70, 110, .1);--highlight: rgba(255, 255, 255, .65);--shadow-sm: 0 2px 10px rgba(40, 40, 90, .07), inset 0 1px 0 var(--highlight);--shadow-md: 0 10px 34px rgba(40, 40, 90, .11), inset 0 1px 0 var(--highlight);--shadow-lg: 0 30px 70px rgba(30, 30, 80, .22), inset 0 1px 0 var(--highlight);--green: oklch(.6 .14 155);--green-soft: oklch(.62 .14 155 / .16);--amber: oklch(.66 .14 70);--amber-soft: oklch(.7 .14 70 / .18);--red: oklch(.58 .18 22);--red-soft: oklch(.6 .18 22 / .15);--blue: oklch(.6 .14 240);--blue-soft: oklch(.62 .14 240 / .15)}[data-theme=dark]{--bg: transparent;--bg-sunken: rgba(0, 0, 0, .22);--surface: rgba(48, 50, 72, .52);--surface-2: rgba(70, 72, 98, .4);--surface-solid: rgba(40, 42, 62, .82);--text: oklch(.96 .006 268);--text-muted: oklch(.74 .014 268);--text-faint: oklch(.58 .016 268);--border: rgba(255, 255, 255, .14);--border-strong: rgba(255, 255, 255, .22);--hairline: rgba(255, 255, 255, .08);--highlight: rgba(255, 255, 255, .14);--accent-soft: oklch(.62 .2 var(--accent-h) / .26);--accent-softer: oklch(.62 .2 var(--accent-h) / .16);--shadow-sm: 0 2px 10px rgba(0, 0, 0, .3), inset 0 1px 0 var(--highlight);--shadow-md: 0 12px 36px rgba(0, 0, 0, .4), inset 0 1px 0 var(--highlight);--shadow-lg: 0 30px 70px rgba(0, 0, 0, .55), inset 0 1px 0 var(--highlight)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-body);color:var(--text);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:radial-gradient(38% 50% at 12% 8%,oklch(.9 .11 var(--accent-h) / .85),transparent 70%),radial-gradient(42% 55% at 90% 6%,oklch(.88 .1 calc(var(--accent-h) + 55) / .8),transparent 70%),radial-gradient(45% 55% at 82% 92%,oklch(.9 .1 calc(var(--accent-h) - 45) / .75),transparent 72%),radial-gradient(40% 50% at 16% 96%,oklch(.91 .09 calc(var(--accent-h) + 120) / .7),transparent 72%),oklch(.965 .012 var(--accent-h));background-attachment:fixed}[data-theme=dark] body{background:radial-gradient(40% 52% at 12% 8%,oklch(.52 .15 var(--accent-h) / .55),transparent 70%),radial-gradient(44% 55% at 90% 6%,oklch(.48 .14 calc(var(--accent-h) + 55) / .5),transparent 70%),radial-gradient(48% 58% at 82% 92%,oklch(.5 .14 calc(var(--accent-h) - 45) / .48),transparent 72%),radial-gradient(42% 52% at 16% 96%,oklch(.5 .13 calc(var(--accent-h) + 120) / .42),transparent 72%),oklch(.17 .025 var(--accent-h));background-attachment:fixed}#root{height:100%}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;margin:0;line-height:1.15}p{margin:0}button{font-family:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--accent-soft)}.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.display{font-family:var(--font-display)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#78789659;border-radius:999px;border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:#7878968c;background-clip:content-box}*::-webkit-scrollbar-track{background:transparent}aside,header{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-weight:600;font-size:14px;line-height:1;padding:0 var(--space-4);height:calc(40px * var(--d));border-radius:var(--r-pill);border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background .18s,border-color .18s,color .18s,box-shadow .18s,transform .08s;-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(.5px) scale(.99)}.btn-primary{background:var(--accent);color:var(--accent-contrast);box-shadow:0 6px 18px oklch(.62 .2 var(--accent-h) / .4),inset 0 1px #ffffff59}.btn-primary:hover{background:var(--accent-strong)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border);-webkit-backdrop-filter:var(--glass-blur-lite);backdrop-filter:var(--glass-blur-lite);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--surface-solid);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-danger{background:var(--red-soft);color:var(--red)}.btn-danger:hover{background:var(--red);color:#fff}.btn-sm{height:calc(32px * var(--d));padding:0 var(--space-3);font-size:13px}.btn-lg{height:calc(48px * var(--d));padding:0 var(--space-6);font-size:15px}.btn-icon{padding:0;width:calc(40px * var(--d))}.btn-icon.btn-sm{width:calc(32px * var(--d))}.btn:disabled{opacity:.45;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-md)}.card-pad{padding:var(--space-6)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:var(--r-pill);line-height:1.3;font-family:var(--font-body);white-space:nowrap}.badge-accent{background:var(--accent-soft);color:var(--accent-strong)}.badge-neutral{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.badge-green{background:var(--green-soft);color:var(--green)}.badge-amber{background:var(--amber-soft);color:var(--amber)}.badge-red{background:var(--red-soft);color:var(--red)}.badge-blue{background:var(--blue-soft);color:var(--blue)}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex:none}.field{display:flex;align-items:center;gap:var(--space-2);height:calc(40px * var(--d));padding:0 var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);font-family:var(--font-body);font-size:14px;width:100%;-webkit-backdrop-filter:var(--glass-blur-lite);backdrop-filter:var(--glass-blur-lite);transition:border-color .15s,box-shadow .15s}.field:focus-within,.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input{width:100%;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-family:var(--font-body);font-size:14px;height:calc(40px * var(--d));padding:0 var(--space-3);border-radius:var(--r-md);-webkit-backdrop-filter:var(--glass-blur-lite);backdrop-filter:var(--glass-blur-lite)}.input::placeholder{color:var(--text-faint)}textarea.input{height:auto;padding:var(--space-3);line-height:1.5;resize:vertical}.input-bare{border:none;background:transparent;outline:none;color:var(--text);font-family:inherit;width:100%}.label{font-size:12.5px;font-weight:600;color:var(--text-muted);letter-spacing:.01em}.eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint)}.progress{height:6px;background:var(--bg-sunken);border-radius:999px;overflow:hidden}.progress>i{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width .4s;box-shadow:0 0 10px oklch(.62 .2 var(--accent-h) / .5)}.ph{position:relative;overflow:hidden;background:var(--bg-sunken);background-image:repeating-linear-gradient(135deg,transparent 0 11px,rgba(120,120,160,.05) 11px 12px);display:flex;align-items:center;justify-content:center}.ph-label{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);letter-spacing:.02em;white-space:nowrap;background:var(--surface-solid);padding:3px 8px;border-radius:var(--r-sm);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.avatar{border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--font-display);color:#fff;flex:none;overflow:hidden;box-shadow:inset 0 1px 1px #fff6,0 2px 8px #28285a2e}.hr{height:1px;background:var(--hairline);border:none;margin:0}.vr{width:1px;background:var(--hairline);align-self:stretch}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.spread{display:flex;align-items:center;justify-content:space-between}.wrap{flex-wrap:wrap}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.grow{flex:1 1 auto;min-width:0}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.accent-text{color:var(--accent-strong)}.center{text-align:center}.nowrap{white-space:nowrap}.clickable{cursor:pointer}.seg{display:inline-flex;position:relative;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);padding:3px;gap:2px;-webkit-backdrop-filter:var(--glass-blur-lite);backdrop-filter:var(--glass-blur-lite)}.seg button{position:relative;z-index:1;border:none;background:transparent;color:var(--text-muted);font-weight:600;font-size:13px;padding:6px 14px;border-radius:var(--r-pill);cursor:pointer;font-family:var(--font-body);transition:color .2s}.seg button.on{color:var(--text)}.seg-thumb{position:absolute;z-index:0;top:3px;left:3px;border-radius:var(--r-pill);background:var(--surface-solid);box-shadow:var(--shadow-sm);opacity:0;pointer-events:none;transition:left .34s cubic-bezier(.5,.05,.2,1),top .34s cubic-bezier(.5,.05,.2,1),width .34s cubic-bezier(.5,.05,.2,1),height .34s cubic-bezier(.5,.05,.2,1),opacity .2s}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: no-preference){.screen-enter{animation:screenSlide .4s cubic-bezier(.22,.61,.36,1)}@keyframes screenSlide{0%{transform:translateY(10px)}to{transform:none}}@keyframes screenIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes drawerIn{0%{transform:translate(24px);opacity:.6}to{transform:none;opacity:1}}.stagger>*{animation:screenIn .4s both}}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint);padding:0 var(--space-4) var(--space-3);border-bottom:1px solid var(--hairline)}.tbl td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--hairline);font-size:14px;vertical-align:middle}.tbl tbody tr{transition:background .12s}.tbl tbody tr:hover{background:var(--surface-2)}.tbl tbody tr:last-child td{border-bottom:none}kbd{font-family:var(--font-mono);font-size:11px;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:1px 5px;color:var(--text-muted)}.step-num{width:26px;height:26px;border-radius:50%;background:var(--accent-soft);color:var(--accent-strong);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:13px;flex:none}@media (max-width: 880px){.sidebar-desk{display:none!important}.mobile-menu-btn{display:inline-flex!important}.hide-sm{display:none!important}.hero-grid{grid-template-columns:1fr!important}.hero-art{display:none}.detail-grid,.dash-grid,.plan-grid{grid-template-columns:1fr!important}.kpi-row{grid-template-columns:1fr 1fr!important}.outcomes-grid{grid-template-columns:1fr!important}.lesson-nav,.constructor-rail,.continue-thumb{display:none!important}}@media (max-width: 560px){.kpi-row{grid-template-columns:1fr!important}}