:root{--bg:#18191b;--surface:#1e2022;--text:#f0f1f2;--text-muted:#8d929e;--elevated:#242628;--nav-bg:rgba(24,25,27,0.9);--accent-dim:rgba(211,255,141,0.12);--pre-bg:#0d0e0f;--r:10px;--r-sm:6px;--border:rgba(255,255,255,0.07);--mono:"SF Mono","Fira Code",Menlo,Monaco,Consolas,monospace;--card-shadow:none;--card-shadow-hover:none;}body{max-width:none;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.6;}body > header,body > main,body > footer{width:min(1040px,calc(100% - 48px));margin-left:auto;margin-right:auto;min-width:0;}body > header{padding:0;margin-bottom:24px;border:none;}h1{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;letter-spacing:-0.035em;line-height:1.2;margin-bottom:12px;}.subtitle{max-width:65ch;font-size:1.05rem;line-height:1.6;}.brand,.brand-nav{gap:0.75rem;margin-bottom:1.25rem;}.brand-pill{background:var(--accent-light);color:var(--accent);border:1px solid var(--accent-border);font-family:var(--mono);font-size:0.7rem;font-weight:600;letter-spacing:0;text-transform:none;white-space:normal;}.grid{gap:20px;margin-top:20px;}.demo-card,.card,.phase-card{padding:24px;background:var(--elevated);border-radius:var(--r);}.demo-card::after{content:"Explore \2192";color:var(--accent);font-size:0.875rem;font-weight:600;margin-top:auto;padding-top:20px;}.demo-card:hover{transform:none;border-color:var(--border-hover);box-shadow:0 0 0 1px var(--accent-dim);}.demo-tag{max-width:100%;overflow-wrap:anywhere;font-family:var(--mono);font-size:0.7rem;margin-bottom:1rem;border-radius:999px;}.demo-title{font-size:1.15rem;letter-spacing:-0.02em;margin-bottom:0.5rem;}.demo-desc{line-height:1.65;}.section-title{margin-bottom:1.25rem;}.interactive-demo{margin-top:40px;}.interactive-demo > h2{margin-bottom:12px;}.interactive-demo .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;}.section-label{font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--accent);margin-bottom:8px;}body > footer{flex-wrap:wrap;gap:0.75rem;padding-top:1.5rem;padding-bottom:24px;}body > main{flex:1 0 auto;padding-bottom:2.5rem;}a{color:var(--accent);}p a,.next-nav a,.back-link{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;}code{font-family:var(--mono);}:not(pre) > code{font-size:0.84em;background:var(--elevated);border:1px solid var(--border);border-radius:var(--r-sm);padding:2px 7px;color:var(--accent);overflow-wrap:break-word;}.intro-text,.explain{font-size:0.95rem;line-height:1.6;margin-bottom:20px;}.catalog-grid,.stream-grid,.phases-grid{gap:20px;}pre{max-width:100%;padding:20px 24px;background:var(--pre-bg);border:1px solid var(--border);border-radius:var(--r);overflow-x:auto;}.search{flex-wrap:wrap;}.search input{min-width:0;flex:1 1 200px;background:var(--bg);color:var(--text);}.search input,button,.btn{font:inherit;font-size:0.9rem;padding:10px 22px;border-radius:var(--r-sm);}button,.btn{background:var(--accent);color:#18191b;border:none;font-weight:600;cursor:pointer;}button:hover,.btn:hover{filter:brightness(0.88);}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px;}@media (max-width:640px){body > header,body > main,body > footer{width:calc(100% - 40px);}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important;}}