:root{--color-bg: #0B0F1A;--color-surface: #111827;--color-heading: #F9FAFB;--color-text: #D1D5DB;--color-text-muted: #6B7280;--color-primary: #06B6D4;--color-primary-hover: #0891B2;--color-primary-bright: #06B6D4;--color-primary-bright-hover: #0891B2;--color-navbar-bg: #0B0F1A;--color-navbar-text: #F9FAFB;--color-navbar-border: #1F2937;--color-border: #1F2937;--color-code-bg: #1F2937;--color-pre-bg: #0B0F1A;--color-pre-text: #D1D5DB;--color-success: #34D399;--color-warning: #FBBF24;--color-danger: #F87171;--color-accent-secondary: #93C5FD;--color-accent-dim: rgba(6, 182, 212, .12);--color-bar-bg: #1F2937;--color-surface-alt: #162036;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text);background:var(--color-bg)}body{min-height:100vh;background-image:linear-gradient(rgba(6,182,212,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.03) 1px,transparent 1px);background-size:40px 40px}a{color:var(--color-primary);text-decoration:none}code,pre{font-family:var(--font-mono)}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:var(--color-text-muted);font-style:italic}.token.punctuation{color:#9ca3af}.token.namespace{opacity:.8}.token.property,.token.tag-id,.token.selector,.token.atrule-id{color:#e2e8f0}.token.attr-name{color:var(--color-accent-secondary)}.token.keyword,.token.tag,.token.operator,.token.important{color:var(--color-primary)}.token.important{font-weight:600}.token.string,.token.attr-value,.token.regex,.token.template-string{color:var(--color-success)}.token.number,.token.boolean,.token.constant{color:#fbbf24}.token.function,.token.function-variable{color:var(--color-accent-secondary)}.token.class-name,.token.builtin,.token.maybe-class-name{color:#a78bfa}.token.variable{color:#e2e8f0}.token.parameter{color:var(--color-text)}.token.interpolation{color:var(--color-primary)}.token.symbol,.token.deleted{color:var(--color-danger)}.token.inserted{color:var(--color-success)}.token.changed{color:var(--color-warning)}.token.decorator,.token.annotation{color:#a78bfa}.token.plain-text{color:var(--color-pre-text)}pre[class*=language-] ::selection,code[class*=language-] ::selection{background:#06b6d433}