@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-base: #090F1D;--bg-surface: #111827;--bg-elevated: #1F2A3D;--bg-hover: #283550;--bg-code: #0D1525;--border: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .12);--text-primary: #E2E8F0;--text-secondary: #94A3B8;--text-body: #94A3B8;--text-muted: #7C8BA1;--text-faint: #475569;--accent: #10B981;--accent-hover: #34D399;--accent-muted: #059669;--accent-dim: rgba(16, 185, 129, .1);--accent-glow: rgba(16, 185, 129, .3);--pop: #A3E635;--pop-dim: rgba(163, 230, 53, .1);--highlight: #F59E0B;--highlight-soft: #FBBF24;--highlight-bg: rgba(245, 158, 11, .1);--success: #4ADE80;--success-dim: rgba(74, 222, 128, .15);--warning: #FBBF24;--warning-dim: rgba(251, 191, 36, .1);--error: #FB7185;--error-dim: rgba(251, 113, 133, .1);--info: #60A5FA;--info-dim: rgba(96, 165, 250, .1);--sidebar-width: 260px;--content-max: 860px;--header-height: 60px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5)}html[data-theme=light]{--bg-base: #F5F3EF;--bg-surface: #FAFAF8;--bg-elevated: #EDEAE4;--bg-hover: #E2DFD8;--bg-code: #F0EDE8;--text-primary: #0F172A;--text-secondary: #3E4C5E;--text-body: #3E4C5E;--text-muted: #5A6878;--text-faint: #A0AABB;--border: rgba(0, 0, 0, .13);--border-strong: rgba(0, 0, 0, .22);--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.12);--accent-dim: rgba(16, 185, 129, .1);--accent-glow: rgba(16, 185, 129, .25);--highlight-bg: rgba(245, 158, 11, .1);--success-dim: rgba(74, 222, 128, .18);--error-dim: rgba(251, 113, 133, .12);--warning-dim: rgba(251, 191, 36, .12);--info-dim: rgba(96, 165, 250, .12)}html[data-theme=light] body{background-image:none}html[data-theme=light] .token.comment{color:#6b7280}html[data-theme=light] .token.keyword{color:#b45309}html[data-theme=light] .token.string{color:#047857}html[data-theme=light] .token.number{color:#be123c}html[data-theme=light] .token.function{color:#1d4ed8}html[data-theme=light] .token.class-name{color:#b45309}html[data-theme=light] .token.operator{color:#059669}html[data-theme=light] .token.punctuation{color:#4b5563}html[data-theme=light] .token.property,html[data-theme=light] .token.boolean{color:#be123c}html[data-theme=light] pre[class*=language-]{background:#f8f6f1!important}html[data-theme=light] ::selection{background:#10b98126;color:var(--text-primary)}html[data-theme=light] ::-webkit-scrollbar-track{background:var(--bg-elevated)}html[data-theme=light] ::-webkit-scrollbar-thumb{background:#cbd5e1}html[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#94a3b8}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-base);background-image:radial-gradient(ellipse at 50% 0%,#090f1d,#070d18);color:var(--text-body);font-family:Satoshi,system-ui,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--text-faint);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4{font-family:Bricolage Grotesque,system-ui,sans-serif;font-weight:700;line-height:1.2;color:var(--text-primary);margin:0}code,pre,.font-mono{font-family:JetBrains Mono,Fira Code,monospace}pre[class*=language-]{background:var(--bg-code)!important;border:1px solid var(--border);border-radius:var(--radius-lg);margin:0;padding:1.25rem 1.5rem;overflow-x:auto;font-size:.875rem;line-height:1.7}code[class*=language-]{font-family:JetBrains Mono,Fira Code,monospace!important;font-size:.875rem}.token.comment{color:#6b7280}.token.keyword{color:#fbbf24}.token.string{color:#6ee7b7}.token.number{color:#fca5a5}.token.function{color:#93c5fd}.token.class-name{color:#fbbf24}.token.operator{color:#34d399}.token.punctuation{color:#94a3b8}.token.property,.token.boolean{color:#fca5a5}.text-gradient{background:linear-gradient(135deg,var(--accent) 0%,var(--info) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl)}.card-elevated{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-lg)}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);padding:.5rem 1.25rem;font-family:Satoshi,system-ui,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s ease,transform .1s ease;text-decoration:none}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-primary:active{transform:scale(.96)}.btn-ghost{display:inline-flex;align-items:center;gap:.5rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:.5rem 1.25rem;font-family:Satoshi,system-ui,sans-serif;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s ease;text-decoration:none}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.btn-ghost:active{transform:scale(.96)}.card-hover{transition:transform .2s ease,box-shadow .2s ease}.card-hover:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000040}.exercise-option:not(:disabled):hover{border-color:var(--accent)!important;background:var(--accent-dim)!important}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-family:JetBrains Mono,Fira Code,monospace;font-size:.7rem;color:var(--text-muted);line-height:1}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 8px transparent}}@keyframes flame-pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes skeleton-pulse{0%,to{opacity:.06}50%{opacity:.12}}.skeleton-block{background:var(--text-secondary);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}::selection{background:var(--accent-dim);color:var(--text-primary)}.skip-to-content{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:9999;padding:.75rem 1.5rem;background:var(--accent);color:#fff;font-weight:600;font-family:Satoshi,system-ui,sans-serif;font-size:.875rem;text-decoration:none;border-radius:0 0 var(--radius-md) var(--radius-md)}.skip-to-content:focus{position:fixed;left:50%;top:0;transform:translate(-50%);width:auto;height:auto;outline:2px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:767px){.btn-primary,.btn-ghost{min-height:44px;padding:.6rem 1rem}pre[class*=language-]{padding:.75rem 1rem;font-size:.78rem}.sidebar-full{position:fixed!important;transform:translate(-100%);pointer-events:none}.sidebar-full.sidebar-open{transform:translate(0)!important;pointer-events:auto!important}}@media(min-width:768px)and (max-width:1023px){:root{--sidebar-width: 64px}}body{min-height:100vh}a{color:inherit}