:root{--surface-0: oklch(10% .01 215);--surface-1: oklch(14% .01 215);--surface-2: oklch(18% .01 215);--surface-3: oklch(22% .01 215);--text-primary: oklch(90% .01 215);--text-secondary: oklch(65% .01 215);--text-muted: oklch(45% .01 215);--accent: oklch(76% .14 28);--accent-dim: oklch(76% .14 28 / .15);--danger: oklch(65% .2 25);--font-display: "Avenir Next", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-body: "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: "SF Mono", SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);color:var(--text-primary);background:var(--surface-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100dvh;line-height:1.6}.app-root{display:contents}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.1;letter-spacing:-.02em}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--text-primary)}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;font-size:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--text-primary);background:var(--surface-1);border:1px solid var(--surface-3);border-radius:0;padding:.75rem 1rem;outline:none;transition:border-color .2s;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:80px}code{font-family:var(--font-mono);font-size:.9em}pre{font-family:var(--font-mono);background:var(--surface-1);border:1px solid var(--surface-3);border-radius:0;padding:1.25rem 1.5rem;overflow-x:auto;font-size:.85rem;line-height:1.7;color:var(--text-secondary)}pre code{font-size:inherit;color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}