@font-face{font-family:Inter;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/Inter.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/Outfit.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 800;font-display:optional;src:url(/fonts/JetBrainsMono.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-inter:"Inter", sans-serif;--font-outfit:"Outfit", sans-serif;--font-jetbrains:"JetBrains Mono", ui-monospace, monospace}*,:before,:after,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4;-webkit-tap-highlight-color:transparent;line-height:1.5}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}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(--font-jetbrains), ui-monospace, monospace;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}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;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}button{cursor:pointer;background-image:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::placeholder{opacity:1}textarea{resize:vertical}[hidden]:where(:not([hidden=until-found])){display:none!important}.h-full{height:100%}.min-h-full{min-height:100%}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.h-\[8px\]{height:8px}.w-\[8px\]{width:8px}.bg-transparent{background-color:#0000}.cursor-row-resize{cursor:row-resize}.cursor-col-resize{cursor:col-resize}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}:root,[data-theme=light]{--bg-primary:#fff;--bg-sidebar:#fff;--bg-navbar:#fff;--bg-secondary:#fff;--bg-surface:#0f172a08;--bg-surface-1:#fff;--bg-surface-2:#f8fafc;--bg-surface-3:#f1f5f9;--bg-elevated:#fff;--bg-hover:#eef2ff;--bg-active:#dbeafe;--bg-tint:#eff6ff;--bg-input:#f8fafc;--bg-editor:#f8fafc;--bg-card:#fff;--bg-card-hover:#eef2ff;--border-default:#e2e8f0;--border-strong:#cbd5e1;--border-divider:#e2e8f0;--border-subtle:#0f172a17;--border-hover:#cbd5e1;--border-active:#3b82f6;--border-focus:#3b82f6;--text-primary:#0f172a;--text-strong:#334155;--text-secondary:#526078;--text-dim:#5b6b85;--text-disabled:#5b6b85;--text-placeholder:#94a3b8;--link:#2563eb;--link-hover:#3b82f6;--accent-primary:#2563eb;--accent-hover:#3b82f6;--accent-active:#1e40af;--accent-bright:#2563eb;--accent-soft:#3b82f6;--accent-secondary:#3b82f6;--accent-tint:#dbeafe;--accent-tint-soft:#eff6ff;--accent-emerald:#10b981;--brand-gradient:linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);--color-success:#10b981;--color-success-light:#d1fae5;--color-info:#3b82f6;--color-info-light:#f0f9ff;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-error:#ef4444;--color-error-light:#fee2e2;--color-disabled:#e5e7eb;--difficulty-easy:#10b981;--difficulty-medium:#f59e0b;--difficulty-hard:#ef4444;--glow-primary:#2563eb1f;--header-bg:#ffffffe0;--canvas-wash:radial-gradient(120% 72% at 50% -18%, #2563eb33 0%, #2563eb12 40%, #2563eb00 72%);--canvas-glow-1:radial-gradient(48vw 48vw at 88% 12%, #3b82f629 0%, #3b82f600 62%);--canvas-glow-2:radial-gradient(56vw 56vw at 6% 102%, #6366f121 0%, #6366f100 62%);--canvas-beam:linear-gradient(112deg, #2563eb00 40%, #2563eb0d 50%, #2563eb00 60%);--canvas-foot:linear-gradient(180deg, #2563eb00 72%, #2563eb0d 100%);--canvas-grid-dot:#0f172a24;--glass-bg:#ffffff9e;--glass-blur:blur(18px) saturate(120%);--glass-bg-nav:#ffffffa8;--glass-blur-nav:blur(16px) saturate(120%);--glass-bg-tile:#ffffff94;--glass-blur-tile:blur(14px) saturate(120%);--glass-bg-activity:#ffffff9e;--glass-blur-activity:blur(16px) saturate(120%);--glass-bg-hover:#2563eb0d;--glass-border:#0f172a14;--glass-border-hover:#2563eb38;--glass-shadow:inset 0 1px 0 #fffc, 0 8px 30px #0f172a0f;--glass-highlight:linear-gradient(135deg, #ffffff80 0%, #ffffff26 22%, transparent 52%);--glass-edge:#ffffffe6;--glass-hero-light:#2563eb1a;--glass-pop-bg:#ffffffc7;--glass-pop-border:#0f172a1a;--glass-pop-shadow:inset 0 1px 0 #ffffffe6, 0 20px 50px #0f172a29;--glass-pop-blur:blur(22px) saturate(120%);--app-bg:#fff;--app-card:#fff;--app-text:#0f172a;--app-muted:#526078;--app-primary:#2563eb;--app-red:#ef4444;--app-red-soft:#ef444414;--app-border:#e2e8f0;--app-success:#10b981;--app-warning:#f59e0b;--app-error:#ef4444}[data-theme=dark]{--bg-primary:#060a13;--bg-sidebar:#0d1424;--bg-navbar:#0d1424;--bg-secondary:#0d1424;--bg-surface:#94a3b80f;--bg-surface-1:#0d1424;--bg-surface-2:#111a2d;--bg-surface-3:#1a2440;--bg-elevated:#111a2d;--bg-hover:#161f38;--bg-active:#1b2344;--bg-tint:#2563eb1f;--bg-input:#0b111f;--bg-editor:#0b111f;--bg-card:#0d1424;--bg-card-hover:#161f38;--border-default:#1c2b45;--border-strong:#2a3355;--border-divider:#1c2b45;--border-subtle:#94a3b824;--border-hover:#2a3355;--border-active:#3b82f6;--border-focus:#3b82f6;--text-primary:#f8fafc;--text-strong:#cbd5e1;--text-secondary:#94a3b8;--text-dim:#64748b;--text-disabled:#475569;--text-placeholder:#64748b;--link:#3b82f6;--link-hover:#60a5fa;--accent-primary:#2563eb;--accent-hover:#3b82f6;--accent-active:#1e40af;--accent-bright:#3b82f6;--accent-soft:#60a5fa;--accent-secondary:#3b82f6;--accent-tint:#2563eb29;--accent-tint-soft:#2563eb1f;--color-success-light:#10b9811f;--color-info-light:#3b82f61f;--color-warning-light:#f59e0b1f;--color-error-light:#ef44441f;--color-disabled:#1b2344;--glow-primary:#2563eb2e;--header-bg:#0d1424d1;--canvas-wash:radial-gradient(120% 72% at 50% -18%, #2563eb6b 0%, #2563eb24 40%, #2563eb00 72%);--canvas-glow-1:radial-gradient(48vw 48vw at 88% 12%, #3b82f64d 0%, #3b82f600 62%);--canvas-glow-2:radial-gradient(56vw 56vw at 6% 102%, #6366f13d 0%, #6366f100 62%);--canvas-beam:linear-gradient(112deg, #60a5fa00 40%, #60a5fa17 50%, #60a5fa00 60%);--canvas-foot:linear-gradient(180deg, #02061700 58%, #0206178c 100%);--canvas-grid-dot:#94a3b838;--glass-bg:#0d142475;--glass-blur:blur(18px) saturate(120%);--glass-bg-nav:#0d14247a;--glass-blur-nav:blur(16px) saturate(120%);--glass-bg-tile:#111b2f6b;--glass-blur-tile:blur(14px) saturate(120%);--glass-bg-activity:#0d142470;--glass-blur-activity:blur(16px) saturate(120%);--glass-bg-hover:#1928418c;--glass-border:#96b4e621;--glass-border-hover:#60a5fa38;--glass-shadow:inset 0 1px 0 #fff1, 0 8px 30px #00000029;--glass-highlight:linear-gradient(135deg, #ffffff0d 0%, #ffffff05 22%, transparent 52%);--glass-edge:#fff1;--glass-hero-light:#508cff24;--glass-pop-bg:#0d14249e;--glass-pop-border:#96b4e629;--glass-pop-shadow:inset 0 1px 0 #fff1, 0 20px 50px #00000059;--glass-pop-blur:blur(22px) saturate(120%);--app-bg:#060a13;--app-card:#0d1424;--app-text:#f8fafc;--app-muted:#94a3b8;--app-red-soft:#ef444424;--app-border:#1c2b45}html,body{font-family:var(--font-inter), system-ui, sans-serif;background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{isolation:isolate}.page-canvas{z-index:-1;pointer-events:none;background-color:var(--bg-primary);background-image:var(--canvas-foot), var(--canvas-glow-2), var(--canvas-glow-1), var(--canvas-beam), var(--canvas-wash);position:fixed;inset:0;overflow:hidden}.page-canvas:before{content:"";background-image:radial-gradient(circle, var(--canvas-grid-dot) 1px, transparent 1.5px);background-position:14px 14px;background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 62% at 50% 0,#000 18%,#0000 100%);mask-image:radial-gradient(80% 62% at 50% 0,#000 18%,#0000 100%)}::selection{background:#2563eb40}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-subtle);background-clip:padding-box;border:2px solid #0000;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim);background-clip:padding-box}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:4px}
