@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.contents{display:contents}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--bg-primary:#0b0f0e;--bg-secondary:#121816;--bg-tertiary:#1a221f;--bg-elevated:#17201d;--accent:#39d353;--accent-dim:#238636;--accent-muted:#39d35326;--accent-cyan:#35d4c8;--accent-warm:#ffb86b;--accent-pink:#ff6b9a;--text-primary:#e6edf3;--text-secondary:#a3afa9;--text-muted:#748179;--border:#2b3732;--border-muted:#202b27;--error:#f85149;--error-muted:#f8514926;--warning:#d29922;--success:#39d353;--shadow:#0006;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Cascadia Code", "Fira Code", "Consolas", monospace;--page-background:radial-gradient(circle at 15% 8%, #35d4c824, transparent 28rem), radial-gradient(circle at 86% 18%, #ffb86b1c, transparent 25rem), linear-gradient(180deg, #0b0f0e 0%, var(--bg-primary) 42%, #080b0a 100%);--surface-glow:#0000002e}:root[data-theme=light]{--bg-primary:#f7faf8;--bg-secondary:#fff;--bg-tertiary:#eef4f1;--bg-elevated:#fff;--accent:#147a4b;--accent-dim:#0f6a41;--accent-muted:#147a4b1a;--accent-cyan:#087ea4;--accent-warm:#c27803;--accent-pink:#c73d73;--text-primary:#18211d;--text-secondary:#52615a;--text-muted:#7b8983;--border:#d6e0dc;--border-muted:#e7eeeb;--error:#cf222e;--error-muted:#cf222e1a;--warning:#996d00;--success:#147a4b;--shadow:#1e30281c;--page-background:radial-gradient(circle at 12% 8%, #087ea41f, transparent 27rem), radial-gradient(circle at 86% 18%, #c278031f, transparent 25rem), linear-gradient(180deg, #fbfefd 0%, var(--bg-primary) 48%, #f0f7f3 100%);--surface-glow:#1e302814}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;font-family:var(--font-sans);background:var(--page-background);color:var(--text-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0}button,input,textarea,select{font:inherit;letter-spacing:0}button{cursor:pointer}button:active{transform:translateY(1px)scale(.99)}button:disabled:active{transform:none}a{color:inherit;text-decoration:none}input:not([type]),input[type=text],input[type=password],input[type=search],input[type=number],textarea,select{border:1px solid var(--border);background:linear-gradient(180deg,var(--bg-tertiary),var(--bg-tertiary)),var(--bg-tertiary);border-radius:8px}@supports (color:color-mix(in lab,red,red)){input:not([type]),input[type=text],input[type=password],input[type=search],input[type=number],textarea,select{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-tertiary) 72%,var(--bg-secondary)),var(--bg-tertiary)),var(--bg-tertiary)}}input:not([type]),input[type=text],input[type=password],input[type=search],input[type=number],textarea,select{color:var(--text-primary);outline:none;transition:border-color .2s,box-shadow .2s,background .2s,transform .2s}input:not([type]):focus,input[type=text]:focus,input[type=password]:focus,input[type=search]:focus,input[type=number]:focus,textarea:focus,select:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px var(--accent-cyan)}@supports (color:color-mix(in lab,red,red)){input:not([type]):focus,input[type=text]:focus,input[type=password]:focus,input[type=search]:focus,input[type=number]:focus,textarea:focus,select:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-cyan) 18%,transparent)}}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-secondary) 50%),linear-gradient(135deg,var(--text-secondary) 50%,transparent 50%),linear-gradient(180deg,var(--bg-tertiary),var(--bg-tertiary));min-height:42px;padding:10px 42px 10px 12px}@supports (color:color-mix(in lab,red,red)){select{background-image:linear-gradient(45deg,transparent 50%,var(--text-secondary) 50%),linear-gradient(135deg,var(--text-secondary) 50%,transparent 50%),linear-gradient(180deg,color-mix(in srgb,var(--bg-tertiary) 72%,var(--bg-secondary)),var(--bg-tertiary))}}select{background-position:calc(100% - 18px),calc(100% - 12px),0 0;background-repeat:no-repeat;background-size:6px 6px,6px 6px,100% 100%}input[type=checkbox],input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);flex:none;width:18px;height:18px;margin:0}@supports (color:color-mix(in lab,red,red)){input[type=checkbox],input[type=radio]{border:1px solid color-mix(in srgb,var(--border) 76%,var(--text-muted))}}input[type=checkbox],input[type=radio]{background:var(--bg-secondary);box-shadow:inset 0 0 0 2px var(--bg-secondary);transition:border-color .16s,background .16s,box-shadow .16s,transform .16s}input[type=checkbox]{border-radius:5px}input[type=radio]{border-radius:50%}input[type=checkbox]:checked{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 4px var(--bg-secondary),0 0 0 3px var(--accent-muted)}input[type=radio]:checked{border-color:var(--accent);background:radial-gradient(circle,var(--accent) 0 42%,transparent 45% 100%),var(--bg-secondary);box-shadow:inset 0 0 0 3px var(--bg-secondary),0 0 0 3px var(--accent-muted)}input[type=checkbox]:hover,input[type=radio]:hover{border-color:var(--accent-cyan);transform:translateY(-1px)}main{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--bg-secondary);justify-content:space-between;align-items:center;gap:16px;height:64px;padding:0 24px;display:flex}@supports (color:color-mix(in lab,red,red)){.topbar{background:color-mix(in srgb,var(--bg-secondary) 88%,transparent)}}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:100;position:sticky;top:0}.brand{font-family:var(--font-mono);color:var(--accent);align-items:center;gap:8px;font-size:1rem;font-weight:700;transition:opacity .2s;display:flex}.brand:hover{opacity:.8}.topnav{align-items:center;gap:4px;display:flex}.kokuMorphicNav{border:1px solid var(--border);padding:4px;position:relative}@supports (color:color-mix(in lab,red,red)){.kokuMorphicNav{border:1px solid color-mix(in srgb,var(--border) 80%,transparent)}}.kokuMorphicNav{background:var(--bg-tertiary);border-radius:8px}@supports (color:color-mix(in lab,red,red)){.kokuMorphicNav{background:color-mix(in srgb,var(--bg-tertiary) 72%,transparent)}}.kokuMorphicNavLink{border-radius:7px;justify-content:center;align-items:center;min-height:36px;display:inline-flex;position:relative;overflow:hidden}.kokuMorphicNavActive{background:linear-gradient(135deg,#35d4c829,#39d3531a),var(--bg-secondary);border:1px solid var(--accent-cyan);border-radius:7px;position:absolute;top:0;right:0;bottom:0;left:0}@supports (color:color-mix(in lab,red,red)){.kokuMorphicNavActive{border:1px solid color-mix(in srgb,var(--accent-cyan) 36%,var(--border))}}.kokuMorphicNavActive{box-shadow:0 8px 22px #00000024}.kokuMorphicNavLabel{z-index:1;align-items:center;gap:5px;display:inline-flex;position:relative}.topnav a,.topnav .docsLink{color:var(--text-secondary);border-radius:6px;align-items:center;gap:4px;padding:8px 14px;font-size:.875rem;font-weight:500;transition:color .2s,background .2s,transform .2s;display:flex}.topnav a:hover,.topnav .docsLink:hover{color:var(--text-primary);background:var(--bg-tertiary);transform:translateY(-1px)}.topnav .navActive{color:var(--text-primary);background:0 0}.topActions{align-items:center;gap:8px;display:flex}.themeButton,.pill{border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-secondary);border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:.875rem;font-weight:500;transition:border-color .2s,color .2s,transform .2s,box-shadow .2s;display:flex}.themeButton:hover,.pill:hover{border-color:var(--accent);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 10px 24px #0000002e}.kokuProfileDropdown{z-index:150;position:relative}.kokuProfileTrigger{border:1px solid var(--border);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-tertiary));border-radius:8px;align-items:center;gap:9px;padding:6px 8px 6px 6px;display:flex}@supports (color:color-mix(in lab,red,red)){.kokuProfileTrigger{background:linear-gradient(135deg,color-mix(in srgb,var(--bg-tertiary) 84%,var(--accent-cyan)),var(--bg-tertiary))}}.kokuProfileTrigger{color:var(--text-primary);box-shadow:0 12px 28px #00000024}.kokuProfileAvatar{background:linear-gradient(135deg,var(--accent),var(--accent-cyan));color:#07100d;width:30px;height:30px;font-family:var(--font-mono);border-radius:8px;place-items:center;font-weight:800;display:grid}.kokuProfileText{text-align:left;gap:1px;min-width:0;display:grid}.kokuProfileText strong{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:.82rem;overflow:hidden}.kokuProfileText small{color:var(--accent-cyan);font-family:var(--font-mono);font-size:.68rem}.kokuProfileMenu{border:1px solid var(--border);width:260px;position:absolute;top:calc(100% + 10px);right:0}@supports (color:color-mix(in lab,red,red)){.kokuProfileMenu{border:1px solid color-mix(in srgb,var(--border) 62%,var(--accent-cyan))}}.kokuProfileMenu{background:linear-gradient(145deg,var(--bg-secondary),var(--bg-secondary));border-radius:8px}@supports (color:color-mix(in lab,red,red)){.kokuProfileMenu{background:linear-gradient(145deg,color-mix(in srgb,var(--bg-secondary) 88%,var(--accent-cyan)),var(--bg-secondary))}}.kokuProfileMenu{overflow:hidden;box-shadow:0 26px 80px #00000061}.kokuProfileMenuHeader{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:13px;display:flex}.kokuProfileAvatarLarge{width:38px;height:38px}.kokuProfileMenuHeader div{gap:2px;display:grid}.kokuProfileMenuHeader small{color:var(--text-muted)}.kokuProfileMenuActions{gap:4px;padding:8px;display:grid}.kokuProfileMenuActions a,.kokuProfileMenuActions button{min-height:36px;color:var(--text-secondary);text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;padding:8px 10px;transition:color .18s,background .18s,transform .18s;display:flex}.kokuProfileMenuActions a:hover,.kokuProfileMenuActions button:hover{color:var(--text-primary);background:var(--bg-tertiary)}@supports (color:color-mix(in lab,red,red)){.kokuProfileMenuActions a:hover,.kokuProfileMenuActions button:hover{background:color-mix(in srgb,var(--bg-tertiary) 78%,var(--accent-cyan))}}.kokuProfileMenuActions a:hover,.kokuProfileMenuActions button:hover{transform:translate(2px)}:root[data-theme=light] .themeButton:hover,:root[data-theme=light] .pill:hover{box-shadow:0 10px 24px var(--shadow)}.landing{flex-direction:column;flex:1;display:flex}.heroSection{grid-template-columns:1fr 1fr;align-items:center;gap:64px;max-width:1200px;margin:0 auto;padding:80px 32px;display:grid}.heroTag{background:var(--accent-muted);color:var(--accent);text-transform:uppercase;letter-spacing:.05em;border-radius:20px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.heroContent h1{font-family:var(--font-mono);color:var(--text-primary);margin:0 0 24px;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.1}.heroContent h1 .accent{color:var(--accent)}.heroDescription{color:var(--text-secondary);max-width:480px;margin:0 0 32px;font-size:1.125rem;line-height:1.6}.heroCta{gap:12px;display:flex}.primaryButton{background:var(--accent);color:#0d1117;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.primaryButton:hover{background:var(--accent-dim);transform:translateY(-1px)}.primaryButton:disabled{opacity:.6;cursor:not-allowed;transform:none}.heroTerminal{border:1px solid var(--border);box-shadow:0 20px 50px var(--shadow);background:#0d1512;border-radius:8px;overflow:hidden}.terminalHeader{background:#15211d;border-bottom:1px solid #26352f;align-items:center;gap:8px;padding:12px 16px;display:flex}.terminalDot{border-radius:50%;width:12px;height:12px}.terminalDot.red{background:#ff5f57}.terminalDot.yellow{background:#febc2e}.terminalDot.green{background:#28c840}.terminalTitle{font-family:var(--font-mono);color:#8fa59a;margin-left:auto;font-size:.75rem}.terminalBody{font-family:var(--font-mono);padding:20px;font-size:.9rem;line-height:1.8}.terminalLine{gap:8px;display:flex}.terminalLine .prompt{color:var(--accent-cyan)}.terminalLine .command{color:#e6edf3}.terminalLine.output{color:#a3afa9}.terminalLine .success{color:var(--accent)}.terminalLine .cursor{animation:1s step-end infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.features{text-align:center;max-width:1200px;margin:0 auto;padding:80px 32px}.features h2{font-family:var(--font-mono);color:var(--text-primary);margin:0 0 48px;font-size:1.5rem;font-weight:600}.featureGrid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.featureCard{background:var(--bg-secondary);border:1px solid var(--border);text-align:left;border-radius:12px;padding:32px;transition:border-color .2s}.featureCard:hover{border-color:var(--accent)}.featureIcon{background:var(--accent-muted);width:48px;height:48px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.featureCard h3{color:var(--text-primary);margin:0 0 12px;font-size:1.125rem;font-weight:600}.featureCard p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.6}.landingFooter{text-align:center;border-top:1px solid var(--border);color:var(--text-muted);padding:24px 32px;font-size:.875rem}.loginPage{flex:1;justify-content:center;align-items:center;padding:32px;display:flex}.loginForm{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;width:100%;max-width:400px;padding:40px}.loginHeader{text-align:center;margin-bottom:32px}.loginIcon{color:var(--accent);margin-bottom:16px}.loginHeader h1{font-family:var(--font-mono);margin:0 0 8px;font-size:1.5rem;font-weight:700}.loginHeader p{color:var(--text-secondary);margin:0;font-size:.9rem}.inputGroup{margin-bottom:20px;display:block}.inputLabel{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:8px;font-size:.875rem;font-weight:500;display:flex}.inputWrapper{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;align-items:center;transition:border-color .2s;display:flex;overflow:hidden}.inputWrapper:focus-within{border-color:var(--accent)}.inputPrefix{color:var(--accent);font-family:var(--font-mono);padding:0 0 0 14px;font-weight:600}.inputWrapper input{color:var(--text-primary);font-family:var(--font-mono);background:0 0;border:none;outline:none;flex:1;padding:12px 14px;font-size:.9rem}.inputWrapper input::placeholder{color:var(--text-muted)}.formError{background:var(--error-muted);color:var(--error);border-radius:8px;margin:0 0 16px;padding:12px;font-size:.875rem}.loginForm .primaryButton{justify-content:center;width:100%}.loginHint{text-align:center;color:var(--text-muted);margin:20px 0 0;font-size:.8rem}.studio{flex:1;grid-template-columns:300px 1fr;align-items:stretch;gap:0;min-height:calc(100vh - 64px);animation:.5s both pageEnter;display:grid}.studioEmpty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:32px;display:flex}.studioEmpty h1{font-family:var(--font-mono);margin:0 0 8px;font-size:1.5rem}.studioEmpty p{color:var(--text-secondary);margin:0}.rail{background:linear-gradient(180deg,var(--bg-secondary),var(--bg-secondary)),var(--bg-secondary);padding:20px}@supports (color:color-mix(in lab,red,red)){.rail{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-secondary) 94%,var(--accent-cyan)),var(--bg-secondary)),var(--bg-secondary)}}.rail{border-right:1px solid var(--border);overscroll-behavior:contain;scrollbar-gutter:stable;z-index:120;height:calc(100vh - 64px);max-height:calc(100vh - 64px);position:sticky;top:64px;overflow:visible auto;box-shadow:inset -1px 0 #ffffff05}.rail::-webkit-scrollbar{width:10px}.rail::-webkit-scrollbar-thumb{background:var(--border);border:2px solid var(--bg-secondary);border-radius:8px}.rail::-webkit-scrollbar-thumb:hover{background:var(--border-muted)}.progressSection{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.progressLabel{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:600}.progressValue{font-family:var(--font-mono);color:var(--accent);font-size:.875rem;font-weight:600}.meter{background:var(--bg-tertiary);border-radius:4px;height:4px;margin-bottom:24px;overflow:hidden}.meter span{background:linear-gradient(90deg,var(--accent),var(--accent-cyan),var(--accent-warm));background-size:180% 100%;border-radius:4px;height:100%;transition:width .55s cubic-bezier(.2,.8,.2,1);animation:4s ease-in-out infinite meterFlow;display:block}.kokuActivityCard{border:1px solid var(--border);grid-template-columns:86px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:14px;padding:12px;display:grid}@supports (color:color-mix(in lab,red,red)){.kokuActivityCard{border:1px solid color-mix(in srgb,var(--border) 74%,var(--accent-cyan))}}.kokuActivityCard{background:linear-gradient(145deg,var(--bg-tertiary),var(--bg-tertiary));border-radius:8px}@supports (color:color-mix(in lab,red,red)){.kokuActivityCard{background:linear-gradient(145deg,color-mix(in srgb,var(--bg-tertiary) 88%,var(--accent-cyan)),var(--bg-tertiary))}}.kokuActivityCard svg{width:86px;height:86px;overflow:visible}.kokuActivityTrack,.kokuActivityProgress{fill:none;stroke-width:8px;stroke-linecap:round}.kokuActivityTrack{stroke:var(--border)}@supports (color:color-mix(in lab,red,red)){.kokuActivityTrack{stroke:color-mix(in srgb,var(--border) 76%,transparent)}}.kokuActivityProgress{filter:drop-shadow(0 0 8px #35d4c829)}.kokuActivityCard div{gap:3px;min-width:0;display:grid}.kokuActivityCard span,.kokuActivityCard small{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem}.kokuActivityCard strong{color:var(--text-primary);font-family:var(--font-mono);font-size:1.25rem}.course{background:linear-gradient(145deg,var(--bg-tertiary),var(--bg-tertiary) 48%),var(--bg-tertiary);padding:16px}@supports (color:color-mix(in lab,red,red)){.course{background:linear-gradient(145deg,color-mix(in srgb,var(--bg-tertiary) 88%,var(--accent-cyan)),var(--bg-tertiary) 48%),var(--bg-tertiary)}}.course{border:1px solid var(--border);z-index:1;border-radius:10px;margin-bottom:12px;animation:.45s both itemRise;position:relative}.course:has(.task:hover){z-index:900}.course h2{color:var(--text-primary);margin:0 0 8px;font-size:1rem;font-weight:600}.course>p{color:var(--text-secondary);margin:0 0 16px;font-size:.8rem;line-height:1.5}.dynamicCourseNote{border:1px solid var(--accent-cyan);grid-template-columns:18px 1fr;align-items:start;gap:8px;margin:-4px 0 14px;padding:10px;display:grid}@supports (color:color-mix(in lab,red,red)){.dynamicCourseNote{border:1px solid color-mix(in srgb,var(--accent-cyan) 38%,var(--border))}}.dynamicCourseNote{color:var(--text-secondary);background:#35d4c814;border-radius:8px;font-size:.76rem;line-height:1.45}.dynamicCourseNote svg{color:var(--accent-cyan)}.lesson{z-index:1;margin-top:12px;position:relative}.lesson:has(.task:hover){z-index:950}.lesson:before{content:"";background:linear-gradient(180deg,var(--accent-muted),transparent);width:1px;position:absolute;top:30px;bottom:4px;left:19px}.lesson>strong{z-index:1;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px;font-size:.75rem;font-weight:600;display:block;position:relative}.task{background:var(--bg-secondary);border:1px solid var(--border-muted);width:100%;color:var(--text-secondary);text-align:left;z-index:1;border-radius:8px;align-items:center;gap:10px;margin-bottom:4px;padding:10px 12px;font-size:.85rem;transition:border-color .2s,color .2s,background .2s,transform .2s,box-shadow .2s;display:flex;position:relative;overflow:visible}.task svg,.editorTop button svg,.softButton svg,.consoleTab svg{flex:none}.task:before{content:"";background:linear-gradient(180deg,var(--accent),var(--accent-cyan));opacity:0;width:3px;transition:opacity .2s,transform .2s;position:absolute;inset:0 auto 0 0;transform:scaleY(.35)}.task:after{content:"";z-index:0;border-radius:inherit;background:radial-gradient(150px circle at var(--spotlight-x,50%) var(--spotlight-y,50%),#35d4c82e,transparent 42%);opacity:0;pointer-events:none;transition:opacity .22s;position:absolute;top:0;right:0;bottom:0;left:0}.task:hover:after{opacity:1}.task>*{z-index:1;position:relative}.task:hover{border-color:var(--border);color:var(--text-primary);z-index:1000;box-shadow:0 10px 22px #00000029}.task.active{border-color:var(--accent);background:linear-gradient(90deg,var(--accent-muted),#35d4c814);color:var(--text-primary)}.task.active:before,.task:hover:before{opacity:1;transform:scaleY(1)}.task.completed .taskIconCompleted{color:var(--accent)}.task .taskIconPending{color:var(--text-muted)}.taskTitle{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.taskPoints{background:var(--bg-tertiary);color:var(--accent);font-family:var(--font-mono);border-radius:999px;padding:2px 6px;font-size:.66rem;font-weight:800}.taskPreview{z-index:1100;border:1px solid var(--border);gap:5px;width:calc(100% - 22px);padding:11px 12px;display:grid;position:absolute;top:calc(100% + 6px);left:22px}@supports (color:color-mix(in lab,red,red)){.taskPreview{border:1px solid color-mix(in srgb,var(--border) 60%,var(--accent-cyan))}}.taskPreview{background:var(--bg-secondary);border-radius:8px}@supports (color:color-mix(in lab,red,red)){.taskPreview{background:color-mix(in srgb,var(--bg-secondary) 94%,black)}}.taskPreview{color:var(--text-secondary);opacity:0;pointer-events:none;transition:opacity .16s,transform .16s;transform:translateY(-6px)scale(.98);box-shadow:0 18px 50px #00000061}.taskPreview strong{color:var(--text-primary);font-size:.76rem}.taskPreview small{font-size:.72rem;line-height:1.35}.task:hover .taskPreview{opacity:1;transform:translateY(0)scale(1)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin:0 0 8px;font-size:.7rem;font-weight:700}.workspace{background:linear-gradient(135deg,#39d3530d,transparent 22rem),linear-gradient(315deg,#ff6b9a0d,transparent 26rem),var(--bg-primary);flex-direction:column;gap:12px;min-width:0;height:calc(100vh - 64px);min-height:0;padding:12px;display:flex;position:relative;overflow:hidden auto}.workspace:before{content:none}.flowField{pointer-events:none;opacity:.62;z-index:0;mix-blend-mode:screen;width:100vw;height:calc(100vh - 64px);position:fixed;top:64px;right:0;bottom:0;left:0}.workspace>:not(.flowField):not(.confettiBurst){z-index:1;position:relative}.studioBreadcrumb{border:1px solid var(--border-muted);background:var(--bg-secondary);border-radius:8px;align-items:center;gap:8px;min-height:34px;padding:0 12px;display:flex}@supports (color:color-mix(in lab,red,red)){.studioBreadcrumb{background:color-mix(in srgb,var(--bg-secondary) 86%,transparent)}}.studioBreadcrumb{color:var(--text-muted);font-size:.78rem;overflow:hidden}.studioBreadcrumb span,.studioBreadcrumb strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.studioBreadcrumb span:after{content:"/";color:var(--border);margin-left:8px}.studioBreadcrumb strong{color:var(--text-primary);font-weight:700}.studioStatusBar{border:1px solid var(--border-muted);color:#888;min-height:30px;font-family:var(--font-mono);scrollbar-width:none;background:#0c0c0c;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:.7rem;display:flex;overflow-x:auto}.studioStatusBar::-webkit-scrollbar{display:none}.studioStatusBar span{background:#111;border:1px solid #252525;border-radius:6px;flex:none;padding:3px 7px}.confettiBurst{z-index:12000;pointer-events:none;width:0;height:0;position:fixed;top:22%;left:50%}.confettiBurst i{border-radius:2px;width:8px;height:12px;margin:-4px;position:absolute}html,body{scroll-behavior:smooth}body{overscroll-behavior-y:none}body.focusModeOpen{overflow:hidden}body.focusModeOpen .topbar{opacity:0;pointer-events:none;transform:translateY(-100%)}.brief{background:linear-gradient(145deg,var(--bg-secondary),var(--bg-secondary) 52%),var(--bg-secondary);flex-shrink:0;max-height:none;padding:18px 20px;position:relative;overflow:visible}@supports (color:color-mix(in lab,red,red)){.brief{background:linear-gradient(145deg,color-mix(in srgb,var(--bg-secondary) 92%,var(--accent) 8%),var(--bg-secondary) 52%),var(--bg-secondary)}}.brief{border:1px solid var(--border);border-radius:10px;animation:.5s both panelIn;box-shadow:0 18px 60px #00000029}.briefMiniBar{z-index:2;border:1px solid var(--border);background:linear-gradient(90deg,var(--bg-secondary),var(--bg-secondary));border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:42px;padding:0 14px;display:flex;position:relative}@supports (color:color-mix(in lab,red,red)){.briefMiniBar{background:linear-gradient(90deg,color-mix(in srgb,var(--bg-secondary) 88%,var(--accent-cyan)),var(--bg-secondary))}}.briefMiniBar{color:var(--text-secondary);text-align:left;transition:border-color .2s,background .2s,transform .2s}.briefMiniBar:hover{border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.briefMiniBar:hover{border-color:color-mix(in srgb,var(--border) 55%,var(--accent-cyan))}}.briefMiniBar:hover{background:var(--bg-tertiary);transform:translateY(-1px)}.briefMiniBar span{align-items:center;gap:8px;min-width:0;display:inline-flex}.briefMiniBar strong{color:var(--text-primary);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.briefMiniBar small{color:var(--text-muted);flex:none;font-size:.75rem}.brief:after{content:"";background:linear-gradient(90deg,transparent,var(--accent),var(--accent-cyan),transparent);opacity:.55;height:2px;position:absolute;top:0;left:18px;right:18px}.briefHeader{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.brief h1{font-family:var(--font-mono);color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.briefActions{flex-shrink:0;gap:8px;display:flex}.softButton{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:500;transition:border-color .2s,color .2s,transform .2s,box-shadow .2s,background .2s;display:flex}.softButton:hover{border-color:var(--accent);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 10px 22px #0000002e}.softButton:focus-visible,.courseCardActionButton:focus-visible,.activityTask button:focus-visible{outline:2px solid var(--accent-cyan)}@supports (color:color-mix(in lab,red,red)){.softButton:focus-visible,.courseCardActionButton:focus-visible,.activityTask button:focus-visible{outline:2px solid color-mix(in srgb,var(--accent-cyan) 72%,white)}}.softButton:focus-visible,.courseCardActionButton:focus-visible,.activityTask button:focus-visible{outline-offset:3px}.softButton:disabled{opacity:.5;cursor:not-allowed}.previewAccess{border:1px solid var(--accent-cyan);justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}@supports (color:color-mix(in lab,red,red)){.previewAccess{border:1px solid color-mix(in srgb,var(--accent-cyan) 42%,var(--border))}}.previewAccess{color:var(--text-secondary);background:#35d4c814;border-radius:8px;animation:.28s both panelIn}.previewAccess p{margin-bottom:4px}.previewAccess span{font-size:.84rem}.previewAccess .softButton{color:var(--text-primary);flex:none}.brief>p{color:var(--text-secondary);margin:0 0 16px;font-size:.95rem;line-height:1.7}.briefMeta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.target{background:var(--bg-tertiary);border:1px solid var(--border);font-family:var(--font-mono);color:var(--text-secondary);border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:.8rem;display:inline-flex}.target strong{color:var(--accent)}.savedDraft{background:var(--warning);color:#0d1117;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.difficultyBadge{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:4px 10px;font-size:.7rem;font-weight:600}.difficulty-beginner{background:var(--accent-muted);color:var(--accent)}.difficulty-intermediate{color:var(--warning);background:#d2992226}.difficulty-advanced{background:var(--error-muted);color:var(--error)}.taskMetaBadge,.taskDocsLink{border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-secondary);border-radius:6px;align-items:center;gap:6px;padding:4px 9px;font-size:.72rem;font-weight:700;display:inline-flex}.taskMetaBadgeFinal{border-color:var(--accent-warm)}@supports (color:color-mix(in lab,red,red)){.taskMetaBadgeFinal{border-color:color-mix(in srgb,var(--accent-warm) 52%,var(--border))}}.taskMetaBadgeFinal{color:var(--accent-warm)}.taskDocsLink{color:var(--accent-cyan)}.briefContent{color:var(--text-secondary);margin-bottom:16px;font-size:.95rem;line-height:1.7}.briefContent p{margin:0 0 12px}.briefContent p:last-child{margin-bottom:0}.briefContent code{background:var(--bg-tertiary);border:1px solid var(--border);font-family:var(--font-mono);color:var(--accent);border-radius:4px;padding:2px 6px;font-size:.85em}.briefContent pre{border:1px solid var(--border);background:#0c0c0c;border-radius:8px;margin:12px 0;padding:16px;overflow-x:auto}.briefContent pre code{color:#ccc;background:0 0;border:none;padding:0}.briefContent ul,.briefContent ol{margin:12px 0;padding-left:24px}.briefContent li{margin-bottom:6px}.briefContent strong{color:var(--text-primary);font-weight:600}.briefContent a{color:var(--accent-cyan);text-decoration:underline}.briefContent a:hover{color:var(--accent)}.briefContent blockquote{background:var(--bg-tertiary);border-left:3px solid var(--accent);border-radius:0 6px 6px 0;margin:12px 0;padding:12px 16px}.briefContent table{border-collapse:collapse;width:100%;margin:12px 0}.briefContent th,.briefContent td{border:1px solid var(--border);text-align:left;padding:10px 12px}.briefContent th{background:var(--bg-tertiary);color:var(--text-primary);font-weight:600}.briefContent hr{border:none;border-top:1px solid var(--border);margin:20px 0}.briefContent.taskPromptSurface{color:var(--text-primary);background:linear-gradient(145deg,var(--bg-tertiary),var(--bg-secondary));padding:20px 22px;font-size:1.02rem;line-height:1.75}@supports (color:color-mix(in lab,red,red)){.briefContent.taskPromptSurface{background:linear-gradient(145deg,color-mix(in srgb,var(--bg-tertiary) 88%,var(--accent-cyan) 9%),color-mix(in srgb,var(--bg-secondary) 94%,var(--accent) 4%))}}.briefContent.taskPromptSurface{border:1px solid var(--border)}@supports (color:color-mix(in lab,red,red)){.briefContent.taskPromptSurface{border:1px solid color-mix(in srgb,var(--border) 65%,var(--accent) 35%)}}.briefContent.taskPromptSurface{border-left:4px solid var(--accent);box-shadow:0 0 0 1px var(--text-primary) inset,0 14px 36px var(--surface-glow);border-radius:12px}@supports (color:color-mix(in lab,red,red)){.briefContent.taskPromptSurface{box-shadow:0 0 0 1px color-mix(in srgb,var(--text-primary) 5%,transparent) inset,0 14px 36px var(--surface-glow)}}:root[data-theme=light] .briefContent.taskPromptSurface{background:linear-gradient(145deg,var(--bg-tertiary),var(--bg-secondary))}@supports (color:color-mix(in lab,red,red)){:root[data-theme=light] .briefContent.taskPromptSurface{background:linear-gradient(145deg,color-mix(in srgb,var(--bg-tertiary) 94%,var(--accent-cyan) 5%),var(--bg-secondary))}}:root[data-theme=light] .briefContent.taskPromptSurface{box-shadow:0 10px 28px var(--surface-glow)}.briefContent.taskPromptSurface h1,.briefContent.taskPromptSurface h2,.briefContent.taskPromptSurface h3{letter-spacing:-.02em;color:var(--text-primary);margin:1.05em 0 .45em;font-weight:700;line-height:1.28}.briefContent.taskPromptSurface h1:first-child,.briefContent.taskPromptSurface h2:first-child,.briefContent.taskPromptSurface h3:first-child{margin-top:0}.briefContent.taskPromptSurface li{color:var(--text-primary)}.taskExplanation{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;margin-top:20px;padding:16px}.taskExplanation .eyebrow{margin-bottom:12px}.explanationContent{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.explanationContent p{margin:0 0 8px}.explanationContent code{background:var(--bg-secondary);border:1px solid var(--border);font-family:var(--font-mono);color:var(--accent);border-radius:4px;padding:2px 6px;font-size:.85em}.taskExplanation .docsLink{background:var(--bg-secondary);border:1px solid var(--border);color:var(--accent-cyan);border-radius:6px;align-items:center;gap:6px;margin-top:12px;padding:8px 12px;font-size:.8rem;transition:border-color .2s,color .2s;display:inline-flex}.taskExplanation .docsLink:hover{border-color:var(--accent-cyan);color:var(--text-primary)}.aiMentor{background:linear-gradient(135deg,var(--accent-muted),#35d4c81a),var(--bg-tertiary);border:1px solid var(--accent-dim);border-radius:8px;margin-top:16px;padding:16px;position:relative;overflow:hidden}.aiMentor:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 0,#0000 35%,#ffffff14 48%,#0000 62%,#0000);animation:5s ease-in-out infinite shine;position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-120%)}.aiMentor .eyebrow{color:var(--accent)}.aiMentor strong{color:var(--text-primary);margin-bottom:8px;font-size:.95rem;line-height:1.5;display:block}.aiMentor span{color:var(--text-secondary);font-size:.85rem;line-height:1.5;display:block}.aiMentor small{color:var(--text-muted);margin-top:8px;font-size:.75rem;display:block}.aiMentor.status-queued,.aiMentor.status-running{animation:1.5s ease-in-out infinite pulse}.aiMentor.status-failed{background:var(--error-muted);border-color:var(--error)}@keyframes pulse{50%{opacity:.5}}.editorShell{background:linear-gradient(145deg,var(--bg-secondary),var(--bg-secondary) 46%),var(--bg-secondary);position:relative}@supports (color:color-mix(in lab,red,red)){.editorShell{background:linear-gradient(145deg,color-mix(in srgb,var(--bg-secondary) 88%,var(--accent-cyan)),var(--bg-secondary) 46%),var(--bg-secondary)}}.editorShell{border:1px solid var(--border);z-index:2;isolation:isolate;border-radius:10px;transition:border-color .2s,box-shadow .2s;animation:.55s 40ms backwards panelIn;overflow:visible;box-shadow:0 24px 70px #0003}.editorShell:hover{border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.editorShell:hover{border-color:color-mix(in srgb,var(--border) 55%,var(--accent-cyan))}}.editorShell:hover{box-shadow:0 28px 84px #0000003d}.editorShellRunning:before{content:none}.editorBody{z-index:3;position:relative;overflow:hidden}.editorBody,.editorBody .monaco-editor,.editorBody .monaco-editor-background,.editorBody .overflow-guard{border-radius:0}.editorBody{clip-path:inset(0)}.monaco-editor-overflow-widgets-root{z-index:20000;width:0;height:0;position:fixed;top:0;left:0}.monaco-editor-overflow-widgets-root .overflowingContentWidgets,.monaco-editor-overflow-widgets-root .suggest-widget,.monaco-editor-overflow-widgets-root .parameter-hints-widget,.monaco-editor-overflow-widgets-root .monaco-hover{z-index:20001!important}.editorResizeHandle{cursor:nwse-resize;background:linear-gradient(135deg,transparent 0 50%,var(--text-muted) 50% 55%,transparent 55% 65%,var(--text-muted) 65% 70%,transparent 70% 80%,var(--text-muted) 80% 85%,transparent 85%);z-index:5;opacity:.6;border-bottom-right-radius:10px;width:22px;height:22px;transition:opacity .2s;position:absolute;bottom:0;right:0}.editorResizeHandle:hover{opacity:1}.editorHeightLabel{color:var(--text-muted);margin-left:auto;font-size:.7rem}.saveIndicator{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;align-items:center;gap:6px;padding:3px 8px;animation:.22s both savePop;display:inline-flex}.saveIndicator:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.save-saving{color:var(--accent-cyan)}.save-saving:before{animation:.8s ease-in-out infinite pulseDot}.save-saved{color:var(--accent)}.save-error{color:var(--error)}.editorTop{background:linear-gradient(90deg,var(--bg-tertiary),var(--bg-tertiary));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;display:flex;position:relative}@supports (color:color-mix(in lab,red,red)){.editorTop{background:linear-gradient(90deg,color-mix(in srgb,var(--bg-tertiary) 88%,var(--accent-cyan)),var(--bg-tertiary))}}.editorTop{border-bottom:1px solid var(--border);border-top-left-radius:9px;border-top-right-radius:9px;overflow:hidden}.editorShellRunning .editorTop:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#0000,#35d4c84d,#0000);width:34%;animation:1.15s ease-in-out infinite runScan;position:absolute;inset:0 auto 0 -35%}.editorFileMeta,.editorActions{z-index:1;position:relative}.editorFileMeta{flex:0 auto;align-items:center;gap:8px;min-width:160px;display:flex}.editorTrafficLights{background:var(--accent);width:12px;height:12px;box-shadow:18px 0 0 var(--warning),36px 0 0 var(--error);border-radius:50%;flex:none}.editorFileName{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-left:48px;font-size:.75rem;overflow:hidden}.editorFileTabs{z-index:1;scrollbar-width:none;flex:1;align-items:stretch;gap:4px;min-width:0;display:flex;position:relative;overflow-x:auto}.editorFileTabs::-webkit-scrollbar{display:none}.editorTop .editorFileTab{max-width:180px;color:var(--text-muted);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:1px solid #0000;flex:none;padding:7px 10px;font-size:.74rem;overflow:hidden}.editorTop .editorFileTab:hover,.editorTop .editorFileTabActive{background:var(--bg-secondary)}@supports (color:color-mix(in lab,red,red)){.editorTop .editorFileTab:hover,.editorTop .editorFileTabActive{background:color-mix(in srgb,var(--bg-secondary) 72%,var(--accent-cyan))}}.editorTop .editorFileTab:hover,.editorTop .editorFileTabActive{border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.editorTop .editorFileTab:hover,.editorTop .editorFileTabActive{border-color:color-mix(in srgb,var(--border) 70%,var(--accent-cyan))}}.editorTop .editorFileTab:hover,.editorTop .editorFileTabActive{color:var(--text-primary);box-shadow:none}.editorActions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:8px;display:flex}.editorTop button{background:var(--accent);color:#0d1117;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s,border-color .2s,color .2s;display:flex}.editorTop button:hover{background:var(--accent-dim);transform:translateY(-1px);box-shadow:0 10px 24px #39d3532e}.editorTop button:disabled{opacity:.5;cursor:not-allowed}.editorTop .ghostIcon{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary)}.editorTop .ghostIcon:hover{border-color:var(--accent);color:var(--text-primary)}.editorTop .editorQuickAction{color:var(--text-secondary)}@supports (color:color-mix(in lab,red,red)){.editorTop .editorQuickAction{color:color-mix(in srgb,var(--text-secondary) 82%,var(--accent-cyan))}}.editorTop .editorQuickAction:hover{border-color:var(--accent-cyan);color:var(--text-primary);background:#35d4c814}.editorTop .editorQuickAction:disabled:hover{border-color:var(--border);background:var(--bg-secondary);color:var(--text-secondary);box-shadow:none;transform:none}.editorTop .ghostIcon:first-child:hover{border-color:var(--accent-cyan)}.editorTop button:not(.ghostIcon):hover{background:linear-gradient(90deg,var(--accent),var(--accent-cyan))}.editorTop .runButton{position:relative;overflow:hidden}.editorTop .runButton:after{content:"";background:linear-gradient(110deg,#0000 0,#0000 34%,#ffffff52,#0000 62%,#0000);transition:transform .42s;position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-120%)}.editorTop .runButton:hover:after{transform:translate(120%)}.editorShellRunning .runButton{animation:1.1s ease-in-out infinite runButtonPulse}.editorTop .resetButton{color:var(--text-secondary)}@supports (color:color-mix(in lab,red,red)){.editorTop .resetButton{color:color-mix(in srgb,var(--text-secondary) 78%,var(--accent-warm))}}.editorTop .resetButton:hover{border-color:var(--accent-warm);color:var(--accent-warm);background:#ffb86b14;box-shadow:0 10px 22px #ffb86b1f}.shortcutHint{background:var(--bg-tertiary);border-top:1px solid var(--border);font-family:var(--font-mono);color:var(--text-muted);border-bottom-right-radius:10px;border-bottom-left-radius:10px;align-items:center;gap:16px;padding:8px 32px 8px 16px;font-size:.75rem;display:flex;overflow:hidden}.ghostIcon{border-radius:6px;justify-content:center;align-items:center;gap:6px;display:inline-flex}.editorShellFocus{border-radius:8px;flex-direction:column;height:100%;min-height:0;animation:.35s both focusContentIn;display:flex}.editorShellFocus .editorBody{flex:1;min-height:0}.editorShellPanel{box-shadow:0 18px 46px #0000002e}.editorPanelStack{z-index:1;flex:none;grid-template-rows:620px 10px minmax(280px,1fr);min-height:0;transition:grid-template-rows .22s;display:grid;position:relative;overflow:visible}.workspaceSplitHandle{cursor:row-resize;background:linear-gradient(90deg,transparent,var(--border),transparent);border-radius:8px;min-height:10px}@supports (color:color-mix(in lab,red,red)){.workspaceSplitHandle{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--border) 72%,var(--accent-cyan)),transparent)}}.workspaceSplitHandle{opacity:.78;transition:opacity .2s,box-shadow .2s,background .2s}.workspaceSplitHandle:hover{opacity:1;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent);box-shadow:0 0 18px #35d4c833}@supports (color:color-mix(in lab,red,red)){.workspaceSplitHandle:hover{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent-cyan) 78%,var(--border)),transparent)}}.editorPanelStack-minimized .workspaceSplitHandle,.editorPanelStack-hidden .workspaceSplitHandle{opacity:0;pointer-events:none;min-height:0}.console{border:1px solid var(--border);font-family:var(--font-mono);background:#0c0c0c;border-radius:10px;transition:border-color .2s,box-shadow .2s,transform .2s;animation:.55s 80ms both panelIn;overflow:hidden;box-shadow:0 20px 55px #0000002e}.console:hover{border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.console:hover{border-color:color-mix(in srgb,var(--border) 55%,var(--accent))}}.console:hover{box-shadow:0 24px 72px #00000038}.console>div:first-child{background:#1a1a1a;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.consoleTabs{align-items:center;gap:8px;display:flex}.consoleTab{color:#888;min-height:30px;font-size:.8rem;font-family:var(--font-mono);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:5px 10px;transition:color .2s,background .2s,border-color .2s,transform .2s;display:inline-flex}.consoleTab:hover{color:#e6edf3;background:#242424;transform:translateY(-1px)}.consoleTabActive{color:#e6edf3;background:#111;border-color:#333}.problemCount{background:var(--error);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.68rem;display:inline-flex}.consoleMetaTabs{scrollbar-width:none;justify-content:flex-end;align-items:center;gap:6px;min-width:0;max-width:50%;display:flex;overflow-x:auto}.consoleMetaTabs::-webkit-scrollbar{display:none}.consoleFileTab{color:#888;max-width:150px;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;background:#111;border:1px solid #2a2a2a;border-radius:6px;flex:none;padding:5px 8px;font-size:.7rem;overflow:hidden}.consoleFileTabActive{color:#e6edf3;border-color:#333}@supports (color:color-mix(in lab,red,red)){.consoleFileTabActive{border-color:color-mix(in srgb,#333 55%,var(--accent-cyan))}}.consoleFileTabActive{background:#111}@supports (color:color-mix(in lab,red,red)){.consoleFileTabActive{background:color-mix(in srgb,#111 82%,var(--accent-cyan))}}.consoleMetaTabs>span:last-child{text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.console.status-idle .consoleMetaTabs>span:last-child{color:#888}.console.status-queued .consoleMetaTabs>span:last-child,.console.status-running .consoleMetaTabs>span:last-child{color:var(--accent-cyan)}.console.status-passed .consoleMetaTabs>span:last-child,.console.status-failed .consoleMetaTabs>span:last-child{color:#888}.console.status-error .consoleMetaTabs>span:last-child{color:var(--error)}.console pre{color:#e6edf3;white-space:pre-wrap;word-break:break-word;min-height:140px;max-height:360px;margin:0;padding:16px;font-size:.88rem;line-height:1.65;overflow:auto}.consoleLine{margin-bottom:4px;animation:.18s both lineIn}.consoleLineEmpty{min-height:1.15em}.consolePrompt{color:#569cd6;margin-right:8px}.consoleCommand{color:#dcdcaa}.consoleError{color:#f14c4c}.consoleSuccess{color:#4ec9b0}.bottomPanel{border-radius:8px;flex-direction:column;min-height:0;animation:.35s 40ms both focusContentIn;display:flex}.bottomPanelHeader{background:#1a1a1a;border-bottom:1px solid #333;justify-content:space-between;align-items:center;gap:12px;min-height:38px;padding:6px 10px 6px 12px;display:flex}.bottomPanelTabs{scrollbar-width:none;min-width:0;overflow-x:auto}.bottomPanelTabs::-webkit-scrollbar{display:none}.bottomPanelTabSeparator{color:#555;font-family:var(--font-mono);font-size:.72rem}.panelTabGrading{color:var(--accent-cyan)}@supports (color:color-mix(in lab,red,red)){.panelTabGrading{color:color-mix(in srgb,var(--accent-cyan) 70%,var(--accent-warm))}}.panelTabGrading{border-color:#333}@supports (color:color-mix(in lab,red,red)){.panelTabGrading{border-color:color-mix(in srgb,#333 70%,var(--accent-cyan))}}.panelTabGrading{animation:.25s both tabAppear}.tabDotPulse{background:var(--accent-cyan);border-radius:50%;width:7px;height:7px;animation:.8s ease-in-out infinite pulseDot;box-shadow:0 0 #35d4c873}.debugCount{color:#d7dde5;background:#2a2a2a;border-radius:8px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.68rem;display:inline-flex}.bottomPanelMeta{flex:0 auto;max-width:58%}.bottomPanelMeta>span{text-transform:uppercase;letter-spacing:.05em;color:#888;font-size:.75rem}.bottomPanel.status-queued .bottomPanelMeta>span,.bottomPanel.status-running .bottomPanelMeta>span{color:var(--accent-cyan)}.bottomPanel.status-error .bottomPanelMeta>span{color:var(--error)}.bottomPanelGradeShortcut,.bottomPanelCopyButton,.bottomPanelControls button,.bottomPanelRestore{color:#d7dde5;min-height:28px;font-family:var(--font-mono);background:#111;border:1px solid #333;border-radius:6px;justify-content:center;align-items:center;gap:6px;font-size:.72rem;transition:border-color .2s,color .2s,background .2s,transform .2s;display:inline-flex}.bottomPanelGradeShortcut{color:var(--accent-cyan);padding:5px 9px}.bottomPanelCopyButton{color:var(--text-secondary);padding:5px 9px}@supports (color:color-mix(in lab,red,red)){.bottomPanelCopyButton{color:color-mix(in srgb,var(--text-secondary) 76%,var(--accent-cyan))}}.bottomPanelGradeShortcut:hover:not(:disabled),.bottomPanelCopyButton:hover:not(:disabled),.bottomPanelControls button:hover,.bottomPanelRestore:hover{border-color:var(--accent-cyan);color:#e6edf3;transform:translateY(-1px)}.bottomPanelGradeShortcut:disabled{opacity:.45;cursor:not-allowed}.bottomPanelControls{align-items:center;gap:4px;display:inline-flex}.bottomPanelControls button{width:28px;padding:0}.bottomPanelContent{flex-direction:column;flex:1;min-height:0;display:flex}.bottomPanelContent>pre,.bottomPanel .problemsPanel,.bottomPanel .debugPanel,.bottomPanelGrading{flex:1;min-height:0;max-height:none}.bottomPanelContent>pre{overscroll-behavior-y:auto;margin:0;padding:16px;overflow:auto}.bottomPanelRestore{width:100%;height:42px;color:var(--accent-cyan);background:#101010;justify-content:flex-start;padding:0 14px}.bottomPanel-minimized .bottomPanelHeader{border-bottom:none}.problemGroup+.problemGroup{margin-top:12px}.problemGroupHeader{color:#d7dde5;text-align:left;background:#111;border:1px solid #2a2a2a;border-radius:6px;align-items:center;gap:8px;width:100%;margin-bottom:8px;padding:7px 8px;display:flex}.problemGroupHeader span{color:#888;margin-left:auto;font-size:.72rem}.problemItem{cursor:pointer}.problemSeverity-warning{background:#ffb86b12;border-color:#ffb86b59}.problemSeverity-warning .problemHeader{color:var(--warning)}.problemSeverity-info{background:#35d4c812;border-color:#35d4c859}.problemSeverity-info .problemHeader{color:var(--accent-cyan)}.debugPanel{color:#e6edf3;padding:12px;overflow:auto}.kokuTimelineList{gap:10px;padding-left:18px;display:grid;position:relative}.kokuTimelineList:before{content:"";background:linear-gradient(180deg,var(--accent-cyan),var(--border));width:1px;position:absolute;top:8px;bottom:8px;left:6px}@supports (color:color-mix(in lab,red,red)){.kokuTimelineList:before{background:linear-gradient(180deg,var(--accent-cyan),color-mix(in srgb,var(--border) 70%,transparent))}}.kokuTimelineItem{position:relative}.kokuTimelineDot{background:#666;border:2px solid #0c0c0c;border-radius:999px;width:11px;height:11px;position:absolute;top:15px;left:-17px;box-shadow:0 0 0 3px #ffffff0a}.kokuTimelineItem-passed .kokuTimelineDot{background:var(--accent)}.kokuTimelineItem-failed .kokuTimelineDot,.kokuTimelineItem-error .kokuTimelineDot{background:var(--error)}.kokuTimelineItem-neutral .kokuTimelineDot{background:var(--accent-cyan)}.kokuTimelineBody{min-width:0}.debugEmpty{color:#888;align-items:center;gap:8px;font-size:.88rem;display:flex}.debugAttempt{background:#111;border:1px solid #2a2a2a;border-radius:8px;overflow:visible}.debugAttempt+.debugAttempt{margin-top:8px}.debugAttemptSummary{color:#d7dde5;text-align:left;background:0 0;border:0;grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:10px;width:100%;padding:10px 12px;display:grid}.debugAttemptSummary span,.debugAttemptSummary em,.debugAttemptSummary small{font-family:var(--font-mono);color:#888;font-size:.72rem;font-style:normal}.debugAttemptSummary strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.debugAttempt-passed .debugAttemptSummary em{color:var(--accent)}.debugAttempt-failed .debugAttemptSummary em,.debugAttempt-error .debugAttemptSummary em{color:var(--error)}.debugAttemptDetails{flex-direction:column;gap:10px;padding:0 12px 12px;animation:.16s both tabContentIn;display:flex}.debugAttemptDetails .debugAttemptMetaGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.debugStream{gap:6px;display:grid}.debugStream>span{color:#888;width:max-content;font-family:var(--font-mono);text-transform:uppercase;background:#0c0c0c;border:1px solid #2a2a2a;border-radius:6px;padding:3px 7px;font-size:.68rem}.debugStreamError>span{color:var(--error);border-color:var(--error)}@supports (color:color-mix(in lab,red,red)){.debugStreamError>span{border-color:color-mix(in srgb,var(--error) 42%,#2a2a2a)}}.debugStreamError .historyOutput{border-color:var(--error)}@supports (color:color-mix(in lab,red,red)){.debugStreamError .historyOutput{border-color:color-mix(in srgb,var(--error) 28%,var(--border-muted))}}.bottomPanelGrading{padding:12px;overflow:auto}.bottomPanelGrading .grading{min-height:100%;animation:.16s both tabContentIn}.bottomPanel-tab-grading,.bottomPanel-tab-grading .bottomPanelContent,.bottomPanel-tab-grading .bottomPanelGrading{overflow:visible}.bottomPanel-tab-grading .bottomPanelGrading{min-height:auto}.bottomPanel-tab-grading .bottomPanelGrading .grading{min-height:0}.kokuSmoothTabs{align-items:center;gap:8px;min-width:0;display:flex}.kokuSmoothTabSlot{align-items:center;gap:8px;display:inline-flex}.kokuTabSeparator{color:#555;font-family:var(--font-mono);font-size:.72rem}.kokuSmoothTab{color:#888;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:30px;display:inline-flex;position:relative;overflow:hidden}.kokuSmoothTabIndicator{background:linear-gradient(135deg,#35d4c829,#39d35314),#111;border:1px solid #333;border-radius:8px;position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 1px #ffffff0d}.kokuSmoothTabContent{z-index:1;min-height:30px;font-family:var(--font-mono);align-items:center;gap:8px;padding:5px 10px;font-size:.8rem;display:inline-flex;position:relative}.kokuSmoothTab:hover,.kokuSmoothTabActive{color:#e6edf3}.kokuSmoothTabAccent{color:var(--accent-cyan)}@supports (color:color-mix(in lab,red,red)){.kokuSmoothTabAccent{color:color-mix(in srgb,var(--accent-cyan) 70%,var(--accent-warm))}}.kokuParticleButton,.kokuGradientButton,.kokuHoldButton{isolation:isolate;position:relative;overflow:hidden}.kokuParticleButtonContent,.kokuGradientButtonContent,.kokuHoldButtonContent{z-index:2;justify-content:center;align-items:center;gap:6px;display:inline-flex;position:relative}.kokuParticleButtonGlow,.kokuGradientButtonSweep{z-index:0;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.kokuParticleButtonGlow{opacity:0;background:radial-gradient(circle at 50% 120%,#ffffff6b,#0000 45%);transition:opacity .2s}.kokuParticleButton:hover .kokuParticleButtonGlow{opacity:1}.kokuParticles{z-index:3;pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.kokuParticles i{background:var(--accent-cyan);border-radius:50%;width:5px;height:5px;margin:-2.5px;position:absolute;box-shadow:0 0 12px #35d4c8cc}.kokuGradientButton{background:linear-gradient(110deg,var(--accent),var(--accent-cyan),var(--accent-warm),var(--accent));background-size:240% 100%;animation:5s ease-in-out infinite gradientButtonFlow}.kokuGradientButtonSweep{background:linear-gradient(90deg,#0000,#ffffff5c,#0000);transition:transform .55s;transform:translate(-120%)}.kokuGradientButton:hover .kokuGradientButtonSweep{transform:translate(120%)}.kokuHoldProgress{z-index:1;transform-origin:0;background:linear-gradient(90deg,var(--accent-cyan),var(--accent));height:3px;transition:transform 60ms linear;position:absolute;inset:auto 0 0;box-shadow:0 -5px 14px #35d4c838}.kokuAiLoading{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.kokuAiLoadingStep{border:1px solid var(--border-muted);background:var(--bg-tertiary);border-radius:8px;align-items:center;gap:8px;min-width:0;padding:9px 10px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.kokuAiLoadingStep{background:color-mix(in srgb,var(--bg-tertiary) 82%,transparent)}}.kokuAiLoadingStep{color:var(--text-muted);font-size:.78rem}.kokuAiLoadingStepActive{border-color:var(--accent-cyan)}@supports (color:color-mix(in lab,red,red)){.kokuAiLoadingStepActive{border-color:color-mix(in srgb,var(--accent-cyan) 52%,var(--border))}}.kokuAiLoadingStepActive{color:var(--text-primary);background:#35d4c814}.kokuShimmerText{color:#0000;background:linear-gradient(100deg,var(--text-muted),var(--text-primary),var(--accent-cyan),var(--text-primary),var(--text-muted));background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:1.65s linear infinite shimmerText;display:inline-block}.kokuDynamicText{vertical-align:bottom;min-height:1.3em;display:inline-grid;overflow:hidden}.kokuDynamicText>span{grid-area:1/1}.kokuCopyButton,.kokuProcessingButton,.kokuActionShortcutButton{isolation:isolate;position:relative}.kokuCopyButton span,.kokuProcessingButton span,.kokuActionShortcutButton span,.kokuActionShortcutButton kbd{z-index:1;position:relative}.kokuProcessingButtonActive:before{content:"";z-index:0;background:linear-gradient(90deg,#0000,#ffffff38,#0000);animation:1.1s linear infinite processingSweep;position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%)}.kokuProcessingSpinner{animation:.8s linear infinite spin}.kokuActionShortcutButton kbd{border:1px solid var(--border);margin-left:2px;padding:2px 5px}@supports (color:color-mix(in lab,red,red)){.kokuActionShortcutButton kbd{border:1px solid color-mix(in srgb,var(--border) 72%,var(--accent-cyan))}}.kokuActionShortcutButton kbd{color:var(--accent-cyan);font-family:var(--font-mono);background:#ffffff0d;border-radius:5px;font-size:.66rem}.kokuGlitchText{color:#ff9b9b;text-shadow:1px 0 #35d4c880,-1px 0 #ff6b9a73;display:inline-block;position:relative}.kokuGlitchText:before,.kokuGlitchText:after{content:attr(data-text);opacity:0;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.kokuGlitchText:before{color:var(--accent-cyan);animation:.34s both glitchSlice;transform:translate(-1px)}.kokuGlitchText:after{color:var(--accent-pink);animation:.34s 40ms reverse both glitchSlice;transform:translate(1px)}.kokuLiquidGlass{-webkit-backdrop-filter:blur(16px)saturate(1.25);backdrop-filter:blur(16px)saturate(1.25);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 20px 60px #0000003d}.kokuLiquidGlassSheen{pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff29,#0000);width:34%;animation:2.2s both liquidGlassSweep;position:absolute;inset:-30% auto -30% -35%;transform:rotate(12deg)}.kokuMouseEffectCard{isolation:isolate;position:relative}.kokuMouseEffectCard>:not(.kokuMouseDots){z-index:1;position:relative}.kokuMouseDots{z-index:0;border-radius:inherit;opacity:0;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),#35d4c829,transparent 28%),radial-gradient(circle,var(--accent-cyan) 1px,transparent 1px);position:absolute;top:0;right:0;bottom:0;left:0}@supports (color:color-mix(in lab,red,red)){.kokuMouseDots{background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),#35d4c829,transparent 28%),radial-gradient(circle,color-mix(in srgb,var(--accent-cyan) 36%,transparent) 1px,transparent 1px)}}.kokuMouseDots{-webkit-mask-image:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),black 0 34%,transparent 62%);mask-image:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),black 0 34%,transparent 62%);pointer-events:none;background-size:auto,18px 18px;transition:opacity .22s}.kokuMouseEffectCard:hover .kokuMouseDots{opacity:1}.kokuBentoGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.kokuBentoItem{background:linear-gradient(145deg,#0c0c0c,#0c0c0c);border:1px solid #2a2a2a;border-radius:8px;min-width:0;padding:9px 10px}@supports (color:color-mix(in lab,red,red)){.kokuBentoItem{background:linear-gradient(145deg,color-mix(in srgb,#0c0c0c 84%,var(--accent-cyan)),#0c0c0c)}}.kokuBentoItem{transition:border-color .18s,transform .18s,background .18s}.kokuBentoItem:hover{border-color:var(--accent-cyan)}@supports (color:color-mix(in lab,red,red)){.kokuBentoItem:hover{border-color:color-mix(in srgb,var(--accent-cyan) 48%,#2a2a2a)}}.kokuBentoItem:hover{transform:translateY(-1px)}.kokuBentoItem span{color:#777;text-transform:uppercase;margin-bottom:3px;font-size:.68rem;display:block}.kokuBentoItem strong{color:#d7dde5;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;display:block;overflow:hidden}.kokuActionSearchBar{border:1px solid var(--border);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:11px 12px;display:grid;position:relative}@supports (color:color-mix(in lab,red,red)){.kokuActionSearchBar{border:1px solid color-mix(in srgb,var(--border) 72%,var(--accent-cyan))}}.kokuActionSearchBar{background:var(--bg-tertiary);border-radius:8px}@supports (color:color-mix(in lab,red,red)){.kokuActionSearchBar{background:color-mix(in srgb,var(--bg-tertiary) 74%,var(--bg-secondary))}}.kokuActionSearchBar{overflow:hidden}.kokuActionSearchGlow{pointer-events:none;background:radial-gradient(circle at 18%,#35d4c829,#0000 34%);position:absolute;top:0;right:0;bottom:0;left:0}.kokuActionSearchBar>svg,.kokuActionSearchBar input,.kokuActionSearchEnd{z-index:1;position:relative}.kokuActionSearchBar input{min-height:28px;padding:0}.kokuActionSearchEnd button{border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.problemsPanel{color:#e6edf3;min-height:140px;max-height:360px;padding:14px;overflow:auto}.problemsEmpty{color:#888;align-items:center;gap:8px;font-size:.88rem;display:flex}.problemItem{background:#160f0f;border:1px solid #3a2a2a;border-radius:8px;padding:12px}.problemItem+.problemItem{margin-top:10px}.problemHeader{color:#ff8a8a;align-items:center;gap:8px;font-size:.88rem;display:flex}.problemItem p{color:#f1c0c0;margin:8px 0 0;font-size:.84rem}.problemCode{color:#e6edf3;background:#0c0c0c;border-radius:8px;margin:10px 0 0;padding:10px;font-size:.82rem;line-height:1.5}.problemCode span{display:block}.console.status-queued,.console.status-running{border-color:var(--accent-cyan);animation:1.5s ease-in-out infinite consolePulse}@supports (color:color-mix(in lab,red,red)){.console.status-queued,.console.status-running{border-color:color-mix(in srgb,var(--accent-cyan) 55%,var(--border))}}.console.status-error{animation:.3s consoleError}@keyframes consolePulse{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 0 2px #58a6ff4d}}@keyframes consoleSuccess{0%{box-shadow:0 0 #0000}50%{box-shadow:0 0 0 3px #39d35366}to{box-shadow:0 0 #0000}}@keyframes consoleError{0%,to{transform:translate(0)}20%,60%{transform:translate(-3px)}40%,80%{transform:translate(3px)}}.grading{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:12px;padding:16px 18px;animation:.55s .12s both panelIn;display:flex}.gradingHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}.gradingTitle{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);align-items:center;gap:8px;font-size:.8rem;font-weight:600;display:flex}.gradingButton{background:var(--accent);color:#0d1117;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:.88rem;font-weight:700;transition:background .2s,transform .1s;display:inline-flex}.gradingButton:hover:not(:disabled){background:var(--accent-dim);transform:translateY(-1px)}.gradingButton:disabled{opacity:.45;cursor:not-allowed}.gradingHint{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.55}.gradingError{color:var(--error);background:var(--error-muted);border:1px solid var(--error);border-radius:8px;margin:0;padding:10px 12px;font-size:.85rem}.gradingVerdict{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.gradingVerdict.gradingVerdictPassed{background:var(--accent-muted);border-color:var(--accent);animation:.42s cubic-bezier(.2,.9,.2,1) both successPop;position:relative;overflow:hidden}.gradingVerdict.gradingVerdictPassed .gradingVerdictIcon{color:var(--accent)}.gradingVerdict.gradingVerdictPassed:after{content:"";background:linear-gradient(100deg,#0000 0,#0000 28%,#39d3532e 45%,#0000 64%,#0000);animation:1.1s both verdictSweep;position:absolute;top:0;right:0;bottom:0;left:0}.gradingVerdict.gradingVerdictFailed{background:linear-gradient(135deg,var(--error-muted),#ffb86b14);border-color:var(--error)}@supports (color:color-mix(in lab,red,red)){.gradingVerdict.gradingVerdictFailed{border-color:color-mix(in srgb,var(--error) 72%,var(--warning))}}.gradingVerdict.gradingVerdictFailed{animation:.45s both verdictNudge}.gradingVerdict.gradingVerdictFailed .gradingVerdictIcon{color:var(--error)}.gradingVerdictIcon{color:var(--text-secondary);align-items:center;padding-top:2px;display:flex}.gradingVerdictBody{flex-direction:column;flex:1;gap:6px;display:flex}.gradingVerdictBody strong{color:var(--text-primary);font-size:1rem;font-weight:700}.gradingSimilarity{color:var(--text-secondary);font-size:.85rem;font-weight:500}.gradingVerdictBody p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.55}.grading-loading .gradingButton{cursor:progress}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.expectedOutput{background:var(--bg-tertiary);border:1px solid var(--border-muted);border-radius:8px;flex:100%;padding:8px 12px}.expectedOutput summary{cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;font-size:.8rem;font-weight:600}.expectedOutput summary::marker{color:var(--text-muted)}.expectedOutput pre{color:#ccc;font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;background:#0c0c0c;border-radius:6px;margin:8px 0 4px;padding:10px 12px;font-size:.8rem}.expectedOutput small{color:var(--text-muted);margin-top:6px;font-size:.72rem;line-height:1.5;display:block}.historyOutput{white-space:pre-wrap;word-break:break-word;background:var(--bg-tertiary);border:1px solid var(--border-muted);max-height:220px;color:var(--text-secondary);border-radius:6px;margin:0;padding:10px 12px;font-size:.75rem;line-height:1.5;overflow:auto}.historyOutputEmpty{color:var(--text-muted);opacity:.75;font-size:.75rem}.focusWorkspace{z-index:10000;width:100vw;height:100vh;padding:0;animation:.25s both focusFade;display:block;position:fixed;top:0;right:0;bottom:0;left:0}.focusBackdrop{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 20% 10%,#35d4c82e,#0000 28rem),radial-gradient(circle at 90% 14%,#ffb86b24,#0000 28rem),#040706e0;position:absolute;top:0;right:0;bottom:0;left:0}.focusPanel{background:linear-gradient(145deg,#121816f5,#080c0bf5),var(--bg-primary);width:100vw;height:100vh;min-height:0;box-shadow:none;border:0;border-radius:0;grid-template-rows:auto minmax(0,1fr);animation:.32s cubic-bezier(.2,.8,.2,1) backwards focusPanelIn;display:grid;position:relative;overflow:visible}.focusHeader{border-bottom:1px solid var(--border);background:linear-gradient(90deg,#1a221ff5,#121816f5);justify-content:space-between;align-items:center;gap:18px;padding:12px 18px;display:flex}.focusHeader h2,.focusModalHeader h3{margin:0;font-size:1rem;line-height:1.3}.focusActions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.focusActionButton,.focusClose{background:var(--bg-tertiary);border:1px solid var(--border);min-height:36px;color:var(--text-secondary);justify-content:center;align-items:center;padding:8px 12px;font-size:.82rem;font-weight:700;transition:color .2s,border-color .2s,transform .2s,background .2s;display:inline-flex}.focusActionButton:hover,.focusClose:hover{color:var(--text-primary);border-color:var(--accent-cyan);transform:translateY(-1px)}.focusActionButton:disabled{opacity:.55;cursor:progress}.focusClose{width:36px;padding:0}.focusEditorStack{grid-template-rows:minmax(280px,1fr) minmax(180px,30vh);gap:8px;min-height:0;padding:8px;display:grid;overflow:visible}.focusEditorStack .console{border-radius:8px;flex-direction:column;min-height:0;animation:.35s 40ms both focusContentIn;display:flex}.focusEditorStack .console pre,.focusEditorStack .problemsPanel{flex:1;min-height:0;max-height:none}.focusModalLayer{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04070685;place-items:center;padding:22px;animation:.2s both focusFade;display:grid;position:absolute;top:0;right:0;bottom:0;left:0}.focusModalCard{background:linear-gradient(145deg,var(--bg-secondary),var(--bg-secondary)),var(--bg-secondary);flex-direction:column;width:min(760px,100%);max-height:min(760px,100vh - 70px);display:flex}@supports (color:color-mix(in lab,red,red)){.focusModalCard{background:linear-gradient(145deg,color-mix(in srgb,var(--bg-secondary) 88%,var(--accent-cyan)),var(--bg-secondary)),var(--bg-secondary)}}.focusModalCard{border:1px solid var(--border)}@supports (color:color-mix(in lab,red,red)){.focusModalCard{border:1px solid color-mix(in srgb,var(--border) 60%,var(--accent-cyan))}}.focusModalCard{border-radius:8px;animation:.25s cubic-bezier(.2,.8,.2,1) both modalPop;overflow:hidden;box-shadow:0 28px 90px #00000075}.focusModalHeader{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding:18px;display:flex}.focusModalContent{padding:18px;overflow:auto}.focusAskAgain{margin-bottom:12px}.focusAi{margin-top:0}@keyframes pageEnter{0%{opacity:0}to{opacity:1}}@keyframes panelIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes itemRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes meterFlow{0%,to{background-position:0%}50%{background-position:100%}}@keyframes shine{0%,55%{transform:translate(-120%)}75%,to{transform:translate(120%)}}@keyframes lineIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes focusFade{0%{opacity:0}to{opacity:1}}@keyframes focusPanelIn{0%{opacity:0;filter:blur(8px);transform:translateY(18px)scale(.965)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes focusContentIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes modalPop{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.adminPage{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:18px}.admin{gap:18px;min-height:calc(100vh - 100px);display:grid}.adminHero,.adminPane{border:1px solid var(--border);background:linear-gradient(145deg,var(--bg-secondary),var(--bg-secondary)),var(--bg-secondary);border-radius:8px}@supports (color:color-mix(in lab,red,red)){.adminHero,.adminPane{background:linear-gradient(145deg,color-mix(in srgb,var(--bg-secondary) 92%,var(--accent-cyan)),var(--bg-secondary)),var(--bg-secondary)}}.adminHero,.adminPane{box-shadow:0 18px 60px var(--surface-glow)}.adminHero{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;padding:22px;display:grid}.adminHero h2{font-family:var(--font-mono);color:var(--text-primary);align-items:center;gap:8px;margin:0 0 8px;font-size:1.35rem;font-weight:800;display:flex}.adminHero span{max-width:760px;color:var(--text-secondary);line-height:1.55;display:block}.adminStats{grid-template-columns:repeat(4,minmax(86px,1fr));gap:8px;display:grid}.adminStats strong{border:1px solid var(--border);background:var(--bg-tertiary);min-width:86px;color:var(--accent);font-family:var(--font-mono);border-radius:8px;gap:3px;padding:13px 14px;font-size:1.25rem;display:grid}.adminStats small{color:var(--text-muted);font-family:var(--font-sans);text-transform:uppercase;font-size:.72rem;font-weight:700}.admin label{color:var(--text-secondary);gap:7px;font-size:.875rem;font-weight:500;display:grid}.admin input,.admin textarea,.admin select{width:100%;font-family:var(--font-mono);padding:10px 12px;font-size:.875rem}.admin select{padding-right:42px}.admin input:focus,.admin textarea:focus,.admin select:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px var(--accent-cyan)}@supports (color:color-mix(in lab,red,red)){.admin input:focus,.admin textarea:focus,.admin select:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-cyan) 18%,transparent)}}.admin textarea{resize:vertical;min-height:80px}.admin button{background:var(--accent);color:#0d1117;border:none;border-radius:6px;align-items:center;gap:6px;padding:10px 18px;font-size:.875rem;font-weight:600;transition:background .2s;display:inline-flex}.admin button:hover{background:var(--accent-dim)}.admin button.ghost{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary)}.admin button.ghost:hover{border-color:var(--accent);color:var(--text-primary)}.adminTabs{border:1px solid var(--border);background:var(--bg-secondary);border-radius:8px;flex-wrap:wrap;gap:8px;padding:8px;display:flex}@supports (color:color-mix(in lab,red,red)){.adminTabs{background:color-mix(in srgb,var(--bg-secondary) 82%,transparent)}}.adminTabs button{border:1px solid var(--border);color:var(--text-secondary);background:0 0;border-radius:8px;padding:9px 14px;font-size:.85rem}.adminTabs button:hover{border-color:var(--text-muted)}.adminTabActive{background:var(--accent-muted)!important;border-color:var(--accent)!important;color:var(--accent)!important}.adminButtonRow{flex-wrap:wrap;gap:8px;display:flex}.adminTaskWorkspace{grid-template-columns:minmax(230px,.72fr) minmax(300px,.9fr) minmax(420px,1.45fr);align-items:start;gap:14px;display:grid}.adminUsersWorkspace{grid-template-columns:minmax(320px,.72fr) minmax(480px,1fr);align-items:start;gap:14px;display:grid}.adminPane{min-width:0;padding:16px}.adminCoursePane,.adminLessonPane{max-height:calc(100vh - 104px);position:sticky;top:84px;overflow:auto}.adminPaneHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.adminPaneHeader strong{color:var(--text-primary);font-size:.98rem;display:block}.adminSearch{border:1px solid var(--border);background:var(--bg-tertiary);border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;margin-bottom:12px;padding:0 10px;display:grid!important}.adminSearch input{background:0 0;border:0;box-shadow:none!important}.adminCourseList,.adminLessonRail,.adminTaskList,.adminUserList{gap:8px;display:grid}.adminCourseTile,.adminLessonTile{text-align:left;justify-items:start;width:100%;border:1px solid var(--border)!important;background:var(--bg-tertiary)!important;color:var(--text-primary)!important;border-radius:8px!important;gap:4px!important;padding:12px!important;display:grid!important}.adminCourseTile small,.adminLessonTile small,.adminTaskCard span,.adminSelectUser small,.attempts small{color:var(--text-muted)}.adminCourseTile.active,.adminLessonTile.active,.adminUserRow.selected{border-color:var(--accent)!important;background:linear-gradient(90deg,var(--accent-muted),var(--bg-tertiary))!important}.adminLessonRail{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));margin-bottom:12px}.admin button.ghost.danger{color:#dc2626}.admin button.ghost.danger:hover{background:#dc26261f}.adminTaskCard{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.adminTaskCard div:first-child{gap:4px;min-width:0;display:grid}.adminTaskCard strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.adminTaskActions,.adminBulkAssign,.adminUserToolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.adminFormGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.adminWide{grid-column:1/-1}.adminTall{min-height:140px!important}.adminStickyActions{z-index:2;border:1px solid var(--border);background:var(--bg-secondary);border-radius:8px;justify-content:flex-end;gap:8px;margin-top:12px;padding:10px;display:flex;position:sticky;bottom:10px}@supports (color:color-mix(in lab,red,red)){.adminStickyActions{background:color-mix(in srgb,var(--bg-secondary) 90%,transparent)}}.adminStickyActions{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.adminSplitForms{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.adminUserForm{border:1px solid var(--border);background:var(--bg-tertiary);border-radius:8px;align-content:start;gap:9px;padding:12px;display:grid}.adminBulkTextarea{min-height:146px!important}.adminBulkAssign{grid-template-columns:minmax(220px,1fr) auto auto;margin-bottom:12px;display:grid}.adminUserRow{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;grid-template-columns:minmax(210px,.9fr) auto auto;align-items:center;gap:10px;padding:12px;display:grid}.adminSelectUser{grid-template-columns:auto minmax(0,1fr);align-items:center;margin:0;display:grid!important}.adminSelectUser span{gap:3px;min-width:0;display:grid}.adminUserBadges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.adminRoleBadge{background:var(--accent-muted);color:var(--accent);border-radius:4px;padding:4px 8px;font-size:.7rem;font-weight:600}.adminRoleBadge.muted{opacity:.68}.adminUserEnrollments{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}.adminLeaderboardToggle{color:var(--text-secondary);margin:0;font-size:.82rem}.adminEnrollmentTag{background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;display:inline-flex}.enrollRemove{cursor:pointer;color:var(--text-muted)!important;background:0 0!important;border:none!important;padding:0!important}.enrollRemove:hover{color:var(--error)!important}.adminError{color:var(--error);font-size:.8rem}.adminSuccess{color:var(--accent);font-size:.85rem}.adminEmpty,.adminEmptyInline{color:var(--text-muted);font-size:.85rem}.checkboxRow{border:1px solid var(--border);background:var(--bg-tertiary);border-radius:8px;align-items:center;gap:8px;width:fit-content;padding:9px 11px;transition:border-color .18s,background .18s,transform .18s;display:flex}.checkboxRow:hover{border-color:var(--accent-cyan);background:var(--bg-tertiary)}@supports (color:color-mix(in lab,red,red)){.checkboxRow:hover{background:color-mix(in srgb,var(--bg-tertiary) 84%,var(--accent-cyan))}}.checkboxRow:hover{transform:translateY(-1px)}.checkboxRow input{margin:0}.bundleTextarea{font-family:var(--font-mono);font-size:.8rem;min-height:520px!important}.importExportPanel{gap:12px;display:grid}.attempts{gap:8px;max-height:360px;display:grid;overflow-y:auto}.attempts article{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;gap:4px;padding:12px;display:grid}.accessDenied{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:32px;display:flex}.accessDenied h1{font-family:var(--font-mono);color:var(--error);margin:0 0 8px}.accessDenied p{color:var(--text-secondary);margin:0}.replay{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:16px}.replay label{color:var(--text-secondary);gap:7px;margin-bottom:12px;font-size:.85rem;font-weight:500;display:grid}.replay select{width:100%;font-family:var(--font-mono)}.replay pre{min-height:100px;max-height:200px;font-family:var(--font-mono);color:#ccc;white-space:pre-wrap;background:#0c0c0c;border-radius:6px;margin:0;padding:12px;font-size:.8rem;overflow:auto}.solutionSection{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.solutionToggle{opacity:.6;font-size:.85rem}.solutionToggle:hover{opacity:1}.solutionForm{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:16px}.solutionFormRow{gap:8px;margin-top:12px;display:flex}.solutionInput{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-mono);border-radius:6px;outline:none;flex:1;padding:10px 14px;font-size:.9rem}.solutionInput:focus{border-color:var(--accent);box-shadow:0 0 0 2px #00ff8826}.solutionError{color:var(--error);margin-top:8px;font-size:.85rem}.solutionDisplay{background:var(--bg-secondary);border:1px solid var(--accent);border-radius:8px;padding:16px}.solutionHeader{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.solutionHeader .eyebrow{color:var(--accent);margin:0}.solutionCode{font-family:var(--font-mono);color:var(--accent);white-space:pre-wrap;word-break:break-word;background:#0a0a0a;border-radius:6px;margin:0;padding:16px;font-size:.85rem;line-height:1.5;overflow-x:auto}.coursesPage,.courseDetailPage,.profilePage,.leaderboardPage{width:min(1180px,100% - 32px);margin:0 auto;padding:34px 0 70px;animation:.45s both pageEnter}.coursesHero,.profileHero,.leaderboardHero{border:1px solid var(--border);background:linear-gradient(135deg,var(--bg-secondary),var(--bg-secondary)),var(--bg-secondary);border-radius:8px;justify-content:space-between;align-items:center;gap:22px;margin-bottom:22px;padding:24px;display:flex}@supports (color:color-mix(in lab,red,red)){.coursesHero,.profileHero,.leaderboardHero{background:linear-gradient(135deg,color-mix(in srgb,var(--bg-secondary) 88%,var(--accent-cyan)),var(--bg-secondary)),var(--bg-secondary)}}.coursesHero,.profileHero,.leaderboardHero{box-shadow:0 24px 70px var(--surface-glow)}.coursesHero h1,.profileHero h1,.leaderboardHero h1{margin:0 0 8px;font-size:clamp(1.7rem,4vw,3rem);line-height:1.08}.coursesHero p,.profileHero p,.leaderboardHero p{max-width:620px;color:var(--text-secondary);margin:0;line-height:1.6}.scoreBadge{border:1px solid var(--accent);border-radius:8px;place-items:center;gap:4px;min-width:142px;padding:18px;display:grid}@supports (color:color-mix(in lab,red,red)){.scoreBadge{border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border))}}.scoreBadge{background:linear-gradient(145deg,var(--accent-muted),#ffb86b14);color:var(--accent);animation:3.5s ease-in-out infinite scoreFloat}.scoreBadge span{font-family:var(--font-mono);color:var(--text-primary);font-size:2rem;font-weight:800}.scoreBadge small{color:var(--text-secondary)}.catalogBadge{border:1px solid var(--accent-cyan);border-radius:8px;place-items:center;gap:4px;min-width:160px;padding:18px;display:grid}@supports (color:color-mix(in lab,red,red)){.catalogBadge{border:1px solid color-mix(in srgb,var(--accent-cyan) 38%,var(--border))}}.catalogBadge{background:var(--accent-cyan)}@supports (color:color-mix(in lab,red,red)){.catalogBadge{background:color-mix(in srgb,var(--accent-cyan) 8%,var(--bg-secondary))}}.catalogBadge{color:var(--accent-cyan)}.catalogBadge strong{font-family:var(--font-mono);color:var(--text-primary);font-size:2rem}.catalogBadge small{color:var(--text-secondary)}.courseCards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-rows:1fr;align-items:stretch;gap:16px;display:grid}.courseCatalogToolbar{grid-template-columns:minmax(260px,1fr) minmax(180px,220px) minmax(160px,200px);gap:12px;margin-bottom:20px;display:grid}.courseSearch,.courseFilter{border:1px solid var(--border);background:var(--bg-secondary);min-height:46px;color:var(--text-muted);box-shadow:0 14px 34px var(--surface-glow);border-radius:8px;align-items:center;gap:9px;padding:0 13px;display:flex}.courseSearch input,.courseFilter select{width:100%;color:var(--text-primary);box-shadow:none;background:0 0;border:0;outline:0}.courseFilter select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);cursor:pointer;background-position:calc(100% - 13px),calc(100% - 8px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;min-height:44px;padding:0 34px 0 0}.courseCatalogStack{gap:28px;display:grid}.courseCatalogSection{gap:14px;display:grid}.courseSectionHeader{justify-content:space-between;align-items:end;gap:16px;display:flex}.courseSectionHeader h2{margin:4px 0 0;font-size:1.35rem}.courseSectionHeader>span{color:var(--text-muted);font-family:var(--font-mono);font-size:.8rem}.courseCard{border:1px solid var(--border);background:linear-gradient(150deg,var(--bg-secondary),var(--bg-secondary) 54%),var(--bg-secondary);border-radius:8px;flex-direction:column;gap:14px;height:100%;min-height:310px;padding:20px;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.courseCard{background:linear-gradient(150deg,color-mix(in srgb,var(--bg-secondary) 92%,var(--accent-cyan)),var(--bg-secondary) 54%),var(--bg-secondary)}}.courseCard{box-shadow:0 18px 54px var(--surface-glow);color:var(--text-primary);transition:transform .22s,border-color .22s,box-shadow .22s;animation:.45s both courseCardIn}.courseCard:before{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 0,#0000 28%,#ffffff1f 46%,#0000 62%,#0000);transition:transform .55s;position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-120%)}.courseCard:after{content:"";background:linear-gradient(90deg,var(--accent),var(--accent-cyan),var(--accent-warm));transform-origin:0;border-radius:8px 8px 0 0;height:3px;transition:transform .28s;position:absolute;inset:auto 18px 0;transform:scaleX(0)}.courseCard:hover{border-color:var(--accent-cyan);transform:translateY(-4px)}@supports (color:color-mix(in lab,red,red)){.courseCard:hover{border-color:color-mix(in srgb,var(--accent-cyan) 55%,var(--border))}}.courseCard:hover{box-shadow:0 26px 80px var(--surface-glow)}.courseCard:hover:before{transform:translate(120%)}.courseCard:hover:after{transform:scaleX(1)}.courseCardLocked{background:linear-gradient(150deg,var(--bg-secondary),var(--bg-secondary) 58%),var(--bg-secondary)}@supports (color:color-mix(in lab,red,red)){.courseCardLocked{background:linear-gradient(150deg,color-mix(in srgb,var(--bg-secondary) 94%,var(--accent-warm)),var(--bg-secondary) 58%),var(--bg-secondary)}}.courseCardTop,.courseMetaRow,.courseCardAction{justify-content:space-between;align-items:center;gap:10px;display:flex}.courseSigil{color:#07100d;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;box-shadow:0 10px 28px #00000040}.courseLevel{font-family:var(--font-mono);color:var(--text-muted);font-size:.72rem}.courseCard h2{color:var(--text-primary);margin:0;font-size:1.25rem}.courseCard p{color:var(--text-secondary);flex:1;margin:0;line-height:1.55}.courseMetaRow{color:var(--text-muted);flex-wrap:wrap;justify-content:flex-start;font-size:.84rem}.courseMetaRow span,.courseCardAction{align-items:center;gap:7px;display:inline-flex}.courseProgressMini{border:1px solid var(--border-muted);background:var(--bg-tertiary);border-radius:8px;align-items:center;height:30px;display:flex;position:relative;overflow:hidden}.courseProgressMini>span{border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-cyan));background-size:180% 100%;min-width:8px;animation:4s ease-in-out infinite meterFlow;position:absolute;inset:0 auto 0 0}.courseProgressMini small{z-index:1;color:var(--text-primary);padding:0 10px;font-weight:800;position:relative}.courseCardAction{color:var(--accent);justify-content:flex-start;font-weight:700}.courseTags{flex-wrap:wrap;gap:7px;min-height:28px;display:flex}.courseTags span,.courseDetailTags span,.activityChips span{border:1px solid var(--border-muted);background:var(--bg-tertiary);min-height:26px;color:var(--text-secondary);border-radius:8px;align-items:center;padding:4px 9px;font-size:.78rem;display:inline-flex}.courseCardActions{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;display:flex}.courseCardActions a{color:var(--text-muted);font-size:.9rem;font-weight:700}.courseCardActionButton{color:var(--accent);background:0 0;border:0;align-items:center;gap:7px;padding:0;font-weight:800;display:inline-flex}.coursesEmpty{border:1px dashed var(--border);min-height:220px;color:var(--text-secondary);background:var(--bg-secondary);border-radius:8px;place-items:center;gap:10px;display:grid}@supports (color:color-mix(in lab,red,red)){.coursesEmpty{background:color-mix(in srgb,var(--bg-secondary) 74%,transparent)}}.courseBackLink{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:18px;font-weight:700;display:inline-flex}.courseBackLink:hover{color:var(--text-primary)}.courseDetailHero{grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:18px;margin-bottom:18px;display:grid}.courseDetailIntro,.courseAccessPanel,.courseDetailSection,.courseDetailAside section{border:1px solid var(--border);background:linear-gradient(150deg,var(--bg-secondary),var(--bg-secondary)),var(--bg-secondary);border-radius:8px}@supports (color:color-mix(in lab,red,red)){.courseDetailIntro,.courseAccessPanel,.courseDetailSection,.courseDetailAside section{background:linear-gradient(150deg,color-mix(in srgb,var(--bg-secondary) 93%,var(--accent-cyan)),var(--bg-secondary)),var(--bg-secondary)}}.courseDetailIntro,.courseAccessPanel,.courseDetailSection,.courseDetailAside section{box-shadow:0 20px 54px var(--surface-glow)}.courseDetailIntro{padding:28px}.courseDetailIntro h1{max-width:760px;margin:0 0 12px;font-size:clamp(2rem,5vw,4rem);line-height:1.02}.courseDetailIntro p{max-width:720px;color:var(--text-secondary);margin:0;line-height:1.65}.courseDetailTags,.activityChips{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.courseAccessPanel{flex-direction:column;gap:12px;padding:22px;display:flex}.courseAccessIcon{color:#07100d;border-radius:8px;place-items:center;width:54px;height:54px;display:grid}.courseAccessPanel strong{font-size:1.3rem}.courseAccessPanel p,.courseDetailAside p,.courseProgramModule p{color:var(--text-secondary);margin:0;line-height:1.55}.courseAccessPanel .primaryButton{justify-content:center;margin-top:auto}.courseDetailStats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px;display:grid}.courseDetailStats div{border:1px solid var(--border);background:var(--bg-secondary);border-radius:8px;align-content:center;gap:5px;min-height:98px;padding:16px;display:grid}.courseDetailStats svg{color:var(--accent)}.courseDetailStats strong{font-family:var(--font-mono);font-size:1.7rem}.courseDetailStats span{color:var(--text-secondary)}.courseDetailGrid{grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:18px;display:grid}.courseDetailMain{gap:18px;display:grid}.courseDetailSection,.courseDetailAside section{padding:22px}.courseDetailSection h2,.courseDetailAside h2{margin:4px 0 0;font-size:1.35rem;line-height:1.25}.courseProgram{gap:12px;margin-top:16px;display:grid}.courseProgramModule{border:1px solid var(--border-muted);background:var(--bg-tertiary);border-radius:8px;gap:12px;padding:16px;display:grid}@supports (color:color-mix(in lab,red,red)){.courseProgramModule{background:color-mix(in srgb,var(--bg-tertiary) 58%,var(--bg-secondary))}}.courseProgramModule h3{margin:0 0 5px}.courseProgramModule ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.courseProgramModule li{border:1px solid var(--border-muted);background:var(--bg-secondary);border-radius:8px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.courseProgramModule li svg{color:var(--accent)}.courseProgramModule li small{color:var(--text-muted)}.activityTask{border:1px solid var(--border);background:linear-gradient(150deg,var(--bg-secondary),var(--bg-secondary)),var(--bg-secondary);border-radius:8px;flex-shrink:0;gap:16px;padding:20px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.activityTask{background:linear-gradient(150deg,color-mix(in srgb,var(--bg-secondary) 94%,var(--accent-warm)),var(--bg-secondary)),var(--bg-secondary)}}.activityTask{box-shadow:0 20px 54px var(--surface-glow);animation:.35s both panelIn}.activityTask:before{content:"";background:var(--accent-cyan);border-radius:50%;width:180px;height:180px;position:absolute;top:-90px;right:-90px}@supports (color:color-mix(in lab,red,red)){.activityTask:before{background:color-mix(in srgb,var(--accent-cyan) 18%,transparent)}}.activityTask:before{filter:blur(4px);opacity:.8;pointer-events:none}.activityHeader,.activityFooter{justify-content:space-between;align-items:center;gap:14px;display:flex}.activityHeader h2{margin:4px 0 0;font-size:1.35rem}.activityDone{background:var(--accent-muted);color:var(--accent);border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-weight:800;display:inline-flex}.activityDescription{border:1px solid var(--border-muted);background:var(--bg-secondary);border-radius:8px;padding:14px}.activityOptions,.activityStack,.activityBlanks,.activityOrder{gap:10px;display:grid}.activityOptions label{border:1px solid var(--border-muted);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:8px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;padding:13px;transition:transform .18s,border-color .18s,background .18s;display:grid}.activityOptions label:hover{border-color:var(--accent-cyan)}@supports (color:color-mix(in lab,red,red)){.activityOptions label:hover{border-color:color-mix(in srgb,var(--accent-cyan) 58%,var(--border))}}.activityOptions label:hover{background:var(--bg-secondary)}@supports (color:color-mix(in lab,red,red)){.activityOptions label:hover{background:color-mix(in srgb,var(--bg-secondary) 84%,var(--accent-cyan))}}.activityOptions label:hover{transform:translate(3px)}.activityOptions label:has(input:checked){border-color:var(--accent);background:var(--accent-muted)}.activityOptions input{margin:0}.activityStack textarea,.activityBlanks input{border:1px solid var(--border);background:var(--bg-tertiary);width:100%;color:var(--text-primary);border-radius:8px;outline:none}.activityStack textarea{resize:vertical;min-height:120px;padding:12px}.activityBlanks{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.activityBlanks label{color:var(--text-secondary);gap:6px;display:grid}.activityBlanks input{min-height:42px;padding:0 11px}.activityCode{color:#e6edf3;font-family:var(--font-mono);background:#0d1512;border:1px solid #26352f;border-radius:8px;margin:0;padding:14px;line-height:1.6;overflow-x:auto}.activityOrder{margin:0;padding:0;list-style:none}.activityOrderItem{border:1px solid var(--border-muted);background:var(--bg-secondary);cursor:default;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;transition:border-color .18s,box-shadow .18s;animation:.24s both activityLineIn;display:grid}.activityOrderGrip{color:var(--text-muted);cursor:grab;touch-action:none;border-radius:6px;place-items:center;margin:-4px;padding:4px;transition:color .15s,background .15s;display:grid}.activityOrderGrip:active{cursor:grabbing}.activityOrderItem:hover .activityOrderGrip{color:var(--accent-cyan);background:var(--accent-cyan)}@supports (color:color-mix(in lab,red,red)){.activityOrderItem:hover .activityOrderGrip{background:color-mix(in srgb,var(--accent-cyan) 10%,transparent)}}.activityOrder code{font-family:var(--font-mono);color:var(--text-primary)}.activityOrderActions{gap:6px;display:flex}.activityOrder button{border:1px solid var(--border);background:var(--bg-tertiary);width:32px;height:32px;color:var(--text-primary);cursor:pointer;border-radius:8px;place-items:center;display:grid}.activityFlashcard{border:1px solid var(--accent);gap:12px;padding:18px;display:grid}@supports (color:color-mix(in lab,red,red)){.activityFlashcard{border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border))}}.activityFlashcard{background:var(--accent-muted);border-radius:8px}.activityFlashcard svg{color:var(--accent)}.activityFlashcard p{color:var(--text-primary);margin:0;line-height:1.6}.activityFlashcard small{color:var(--text-secondary);line-height:1.5}.activityFooter{justify-content:flex-start}.activityFooter span{color:var(--text-secondary);font-weight:700}.profileGrid{grid-template-columns:minmax(260px,.9fr) minmax(300px,1.1fr);gap:16px;display:grid}.profilePanel{border:1px solid var(--border);background:var(--bg-secondary);border-radius:8px;padding:20px;animation:.45s both panelIn}.profilePanel label{color:var(--text-secondary);gap:7px;margin-bottom:14px;font-size:.86rem;display:grid}.profilePanel input,.profilePanel textarea{border:1px solid var(--border);background:var(--bg-tertiary);width:100%;color:var(--text-primary);border-radius:6px;outline:none;padding:11px 12px}.profilePanel textarea{resize:vertical;min-height:120px}.profileSave{background:var(--accent);color:#07100d;border:0;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-weight:800;display:inline-flex}.profileStatus{color:var(--accent);margin-left:12px}.profileAvatar{background:var(--accent-muted);width:72px;height:72px;color:var(--accent);border-radius:8px;place-items:center;display:grid}.statsGrid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.statsGrid div{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:14px}.statsGrid strong{font-family:var(--font-mono);color:var(--accent);font-size:1.7rem;display:block}.statsGrid span{color:var(--text-secondary);font-size:.8rem}.profileHistory{grid-column:1/-1}.pointEvent,.leaderRow{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.pointEvent+.pointEvent,.leaderRow+.leaderRow{margin-top:10px}.pointEvent.positive{color:var(--accent)}.pointEvent.negative{color:var(--accent-warm)}.pointEvent strong,.leaderRow strong{color:var(--text-primary);display:block}.pointEvent span,.leaderRow small{color:var(--text-muted)}.leaderboardList{gap:10px;display:grid}.leaderRow{animation:.35s both itemRise}.leaderRow.currentUser{border-color:var(--accent);background:linear-gradient(90deg,var(--accent-muted),var(--bg-tertiary))}.leaderRank{background:var(--bg-secondary);width:38px;height:38px;color:var(--accent);border-radius:8px;place-items:center;font-weight:800;display:grid}.scorePill strong{color:var(--accent);font-family:var(--font-mono);padding-left:8px}.scoreToast{z-index:700;border:1px solid var(--border);background:var(--bg-secondary);border-radius:8px;gap:2px;min-width:170px;padding:14px 16px;animation:.24s both toastIn;display:grid;position:fixed;bottom:22px;right:22px;overflow:visible;box-shadow:0 20px 60px #0000005c}.scoreToast strong{font-family:var(--font-mono);font-size:1.3rem}.scoreToastPositive{border-color:var(--accent);color:var(--accent)}.scoreToastNegative{border-color:var(--accent-warm);color:var(--accent-warm)}.scoreBurst{pointer-events:none;width:1px;height:1px;position:absolute;inset:50% auto auto 50%}.scoreBurst i{background:var(--accent);width:7px;height:7px;transform:rotate(var(--r,0deg));border-radius:2px;animation:.78s ease-out both scoreParticle;position:absolute}.scoreBurst i:first-child{--x:-56px;--y:-34px;--r:12deg}.scoreBurst i:nth-child(2){--x:-34px;--y:-58px;--r:42deg;background:var(--accent-cyan)}.scoreBurst i:nth-child(3){--x:8px;--y:-62px;--r:75deg}.scoreBurst i:nth-child(4){--x:44px;--y:-42px;--r:108deg;background:var(--accent-warm)}.scoreBurst i:nth-child(5){--x:58px;--y:-5px;--r:132deg}.scoreBurst i:nth-child(6){--x:40px;--y:36px;--r:164deg;background:var(--accent-cyan)}.scoreBurst i:nth-child(7){--x:-2px;--y:48px;--r:192deg}.scoreBurst i:nth-child(8){--x:-42px;--y:30px;--r:228deg;background:var(--accent-warm)}.scoreBurst i:nth-child(9){--x:-62px;--y:0;--r:260deg}.suggestAiButton{border-color:var(--accent-warm)}@supports (color:color-mix(in lab,red,red)){.suggestAiButton{border-color:color-mix(in srgb,var(--accent-warm) 72%,var(--border))}}.suggestAiButton{animation:1.7s ease-in-out infinite suggestPulse}.mentorThinking{align-items:center;gap:8px;display:inline-flex}.mentorThinking:before{content:"";background:var(--accent-cyan);border-radius:50%;width:8px;height:8px;animation:.8s ease-in-out infinite pulseDot}.task.completed .taskIconCompleted{animation:.35s both checkPop}.task.active{animation:2.8s ease-in-out infinite activeTaskBreath}.task.taskJustCompleted{border-color:var(--accent);animation:1.2s both taskCompleteFlash}.task.taskJustCompleted:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 0,#0000 24%,#39d35338 45%,#0000 64%,#0000);animation:1s both taskSweep;position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-120%)}.adminResetRow{grid-template-columns:minmax(160px,260px) auto 1fr;align-items:center;gap:8px;margin-top:10px;display:grid}.adminResetRow input{margin:0}.adminResetRow small{color:var(--text-muted)}.commandPaletteLayer{z-index:11000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0407068f;place-items:start center;padding-top:10vh;animation:.16s both focusFade;display:grid;position:fixed;top:0;right:0;bottom:0;left:0}.commandPalette{border:1px solid var(--border);width:min(680px,100vw - 28px)}@supports (color:color-mix(in lab,red,red)){.commandPalette{border:1px solid color-mix(in srgb,var(--border) 62%,var(--accent-cyan))}}.commandPalette{background:linear-gradient(145deg,var(--bg-secondary),var(--bg-secondary)),var(--bg-secondary);border-radius:8px}@supports (color:color-mix(in lab,red,red)){.commandPalette{background:linear-gradient(145deg,color-mix(in srgb,var(--bg-secondary) 88%,var(--accent-cyan)),var(--bg-secondary)),var(--bg-secondary)}}.commandPalette{animation:.2s cubic-bezier(.2,.8,.2,1) both commandIn;overflow:hidden;box-shadow:0 28px 90px #0000007a}.commandPaletteSearch{border-bottom:1px solid var(--border);padding:10px}.commandPaletteSearch input{width:100%;color:var(--text-primary);background:0 0;border:0;outline:0;font-size:1rem}.commandPaletteSearch button,.commandPaletteList button{color:var(--text-secondary);background:0 0;border:0}.commandPaletteList{gap:4px;padding:8px;display:grid}.commandPaletteList button{text-align:left;border-radius:8px;gap:3px;padding:11px 12px;animation:.2s both commandItemIn;display:grid}.commandPaletteList button:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.commandPaletteList button:disabled{opacity:.35;cursor:not-allowed}.commandPaletteList strong{color:var(--text-primary)}.commandPaletteList span{font-size:.78rem}.aiTimeline{gap:8px;margin-top:12px;display:grid}.aiTimelineStep{color:var(--text-muted);grid-template-columns:14px 1fr;align-items:center;gap:8px;font-size:.78rem;display:grid}.aiTimelineStep span{border:1px solid var(--border);background:var(--bg-secondary);border-radius:50%;width:10px;height:10px}.aiTimelineStep.active{color:var(--text-primary)}.aiTimelineStep.active span{border-color:var(--accent-cyan);background:var(--accent-cyan);box-shadow:0 0 0 4px #35d4c81a}.focusSideSheet{z-index:4;border:1px solid var(--border);flex-direction:column;width:min(430px,100vw - 28px);max-height:calc(100vh - 82px);display:flex;position:absolute;top:64px;right:14px}@supports (color:color-mix(in lab,red,red)){.focusSideSheet{border:1px solid color-mix(in srgb,var(--border) 60%,var(--accent-cyan))}}.focusSideSheet{background:linear-gradient(145deg,var(--bg-secondary),var(--bg-secondary)),var(--bg-secondary);border-radius:8px}@supports (color:color-mix(in lab,red,red)){.focusSideSheet{background:linear-gradient(145deg,color-mix(in srgb,var(--bg-secondary) 90%,var(--accent-cyan)),var(--bg-secondary)),var(--bg-secondary)}}.focusSideSheet{animation:.22s both sideSheetIn;overflow:hidden;box-shadow:0 24px 80px #0000007a}.focusSideSheet .focusModalContent{overflow:auto}.focusSplitHandle{cursor:ns-resize;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent);border-radius:999px;height:10px}@supports (color:color-mix(in lab,red,red)){.focusSplitHandle{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent-cyan) 42%,var(--border)),transparent)}}.focusSplitHandle{opacity:.72;transition:opacity .16s,transform .16s}.focusSplitHandle:hover{opacity:1;transform:scaleY(1.25)}.gradingFixList{gap:8px;margin-top:10px;display:grid}.gradingFixList article{border:1px solid var(--warning);grid-template-columns:24px 1fr;align-items:start;gap:8px;padding:9px 10px;display:grid}@supports (color:color-mix(in lab,red,red)){.gradingFixList article{border:1px solid color-mix(in srgb,var(--warning) 36%,var(--border))}}.gradingFixList article{background:#ffb86b12;border-radius:8px;animation:.24s both fixCardIn}.gradingFixList span{width:22px;height:22px;color:var(--accent-warm);font-family:var(--font-mono);background:#ffb86b29;border-radius:50%;place-items:center;font-size:.72rem;font-weight:800;display:grid}.gradingNextButton{border:1px solid var(--accent);align-items:center;gap:7px;width:fit-content;margin-top:12px;padding:9px 13px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.gradingNextButton{border:1px solid color-mix(in srgb,var(--accent) 55%,var(--border))}}.gradingNextButton{background:var(--accent);color:#07100d;border-radius:8px;font-weight:800}.gradingNextButton:hover{transform:translateY(-1px);box-shadow:0 12px 28px #00000038}.consoleLineRuntimeError{border-left:2px solid var(--error);color:#ffb4b0;background:#f8514914;border-radius:4px;margin-left:-6px;padding:2px 6px}.courseCard{text-align:left;cursor:pointer}.courseCardOpening{pointer-events:none;animation:.38s cubic-bezier(.2,.8,.2,1) both courseOpen}.rankUp{animation:1s both rankUpFlash}.rankDown{animation:1s both rankDownFlash}.profileHeatmap{grid-column:1/-1}.heatmapGrid{grid-template-columns:repeat(35,minmax(8px,1fr));gap:5px;display:grid}.heatmapCell{aspect-ratio:1;background:var(--bg-tertiary);border:1px solid var(--border-muted);border-radius:4px;animation:.24s both heatCellIn}.heat-1{background:#39d35329}.heat-2{background:#39d35347}.heat-3{background:#35d4c861}.heat-4{background:#ffb86b7a}@keyframes runScan{0%{transform:translate(0)}to{transform:translate(420%)}}@keyframes savePop{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseDot{0%,to{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.2)}}@keyframes tabAppear{0%{opacity:0;transform-origin:0;transform:scaleX(.8)}to{opacity:1;transform-origin:0;transform:scaleX(1)}}@keyframes tabContentIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientButtonFlow{0%,to{background-position:0%}50%{background-position:100%}}@keyframes processingSweep{0%{transform:translate(-110%)}to{transform:translate(110%)}}@keyframes shimmerText{0%{background-position:180%}to{background-position:-40%}}@keyframes glitchSlice{0%{clip-path:inset(0 0 82%);opacity:0}18%{clip-path:inset(18% 0 58%);opacity:.75}42%{clip-path:inset(54% 0 24%);opacity:.6}70%{clip-path:inset(72% 0 8%);opacity:.35}to{clip-path:inset(0);opacity:0}}@keyframes liquidGlassSweep{0%{opacity:0;transform:translate(0)rotate(12deg)}18%{opacity:1}to{opacity:0;transform:translate(440%)rotate(12deg)}}@keyframes verdictSweep{0%{transform:translate(-110%)}to{transform:translate(110%)}}@keyframes verdictNudge{0%{transform:translateY(0)}45%{transform:translateY(-2px)}to{transform:translateY(0)}}@keyframes courseCardIn{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes scoreFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes scoreParticle{0%{opacity:0;transform:translate(0) scale(.4) rotate(var(--r))}18%{opacity:1}to{opacity:0;transform:translate(var(--x),var(--y)) scale(1) rotate(calc(var(--r) + 120deg))}}@keyframes successPop{0%{transform:scale(.985)}58%{transform:scale(1.01)}to{transform:scale(1)}}@keyframes studioGridDrift{0%{background-position:0 0,0 0}to{background-position:42px 42px,42px 42px}}@keyframes activityLineIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes suggestPulse{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 0 3px #ffb86b29}}@keyframes checkPop{0%{transform:scale(.7)}70%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes activeTaskBreath{0%,to{box-shadow:0 0 #39d35314}50%{box-shadow:0 0 0 3px #39d3531f}}@keyframes runButtonPulse{0%,to{box-shadow:0 0 #35d4c829}50%{box-shadow:0 0 0 4px #35d4c838}}@keyframes taskCompleteFlash{0%{transform:translate(0)scale(1)}35%{transform:translate(4px)scale(1.015)}to{transform:translate(0)scale(1)}}@keyframes taskSweep{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes commandIn{0%{opacity:0;transform:translateY(-12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes commandItemIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes sideSheetIn{0%{opacity:0;transform:translate(18px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes fixCardIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes courseOpen{0%{transform:translateY(-4px)scale(1)}55%{transform:translateY(-8px)scale(1.035)}to{opacity:0;filter:blur(6px);transform:translateY(0)scale(1.08)}}@keyframes rankUpFlash{0%{border-color:var(--accent);transform:translateY(8px)}45%{background:var(--accent-muted)}to{transform:translateY(0)}}@keyframes rankDownFlash{0%{border-color:var(--accent-warm);transform:translateY(-8px)}45%{background:#ffb86b14}to{transform:translateY(0)}}@keyframes heatCellIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media(max-width:1024px){.heroSection{grid-template-columns:1fr;gap:40px;padding:40px 24px}.heroTerminal{order:-1}.featureGrid,.studio{grid-template-columns:1fr}.rail{border-right:none;border-bottom:1px solid var(--border);height:auto;max-height:300px;position:static}.adminHero,.adminTaskWorkspace,.adminUsersWorkspace{grid-template-columns:1fr}.adminCoursePane,.adminLessonPane{max-height:none;position:static}}@media(max-width:768px){.topbar{flex-wrap:wrap;gap:12px;height:auto;padding:12px 16px}.topnav{order:3;justify-content:center;width:100%}.topActions{flex-wrap:wrap}.briefHeader{flex-direction:column;align-items:flex-start}.briefActions{width:100%}.briefActions .softButton{flex:1}.adminStats,.adminSplitForms,.adminFormGrid,.adminBulkAssign,.adminTaskCard,.adminUserRow{grid-template-columns:1fr}.adminStickyActions,.adminTaskActions{justify-content:stretch}.adminStickyActions button,.adminTaskActions button,.adminBulkAssign button{justify-content:center}.coursesHero,.profileHero,.leaderboardHero{flex-direction:column;align-items:flex-start}.courseCatalogToolbar,.courseDetailHero,.courseDetailStats,.courseDetailGrid{grid-template-columns:1fr}.courseSectionHeader,.courseCardActions{flex-direction:column;align-items:flex-start}.courseProgramModule li{grid-template-columns:18px minmax(0,1fr)}.courseProgramModule li small{grid-column:2}.activityHeader,.activityFooter,.activityOrder article{flex-direction:column;grid-template-columns:1fr;align-items:flex-start}.profileGrid,.statsGrid,.adminResetRow{grid-template-columns:1fr}.scoreBadge{width:100%}.focusWorkspace{padding:0}.focusPanel{width:100vw;height:100vh;min-height:0}.focusHeader{flex-direction:column;align-items:flex-start}.focusActions{width:100%}.focusActionButton{flex:1}.focusEditorStack{grid-template-rows:minmax(230px,1fr) minmax(170px,34vh);padding:6px}.focusModalLayer{padding:12px}}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}