*,:before,:after{box-sizing:border-box}:root{--color-bg:#0f0f0f;--color-surface:#1a1a1a;--color-border:#2d2d2d;--color-text:#ebebeb;--color-text-muted:#888;--color-accent:#646cff;--color-accent-hover:#535bf2;--color-success:#4ade80;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}body{background:var(--color-bg);color:var(--color-text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}header{text-align:center;border-bottom:1px solid var(--color-border);padding:4rem 2rem 3rem}header h1{font-size:2.5rem;font-weight:700;font-family:var(--font-mono);color:var(--color-accent);margin:0 0 .5rem}.tagline{color:var(--color-text-muted);margin:0 0 1.5rem;font-size:1.1rem}.github-link{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:6px;padding:.5rem 1.25rem;font-size:.9rem;text-decoration:none;transition:border-color .2s;display:inline-block}.github-link:hover{border-color:var(--color-accent);color:var(--color-accent)}main{max-width:900px;margin:0 auto;padding:0 2rem 4rem}.demo-section{border-bottom:1px solid var(--color-border);padding:3rem 0}.demo-section h2{color:var(--color-success);margin-top:0;font-size:1.5rem}.demo-description{color:var(--color-text-muted);margin-bottom:2rem}.stopwatch{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;min-width:320px;padding:2rem;display:inline-block}.time-display{margin-bottom:1.5rem;font-size:1.1rem}.time-display span{font-family:var(--font-mono);color:var(--color-success);margin-top:.25rem;font-size:2rem;font-weight:600;display:block}.controls{gap:.75rem;display:flex}.btn{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1.25rem;font-size:.95rem;transition:opacity .2s}.btn:hover{opacity:.85}.btn-primary{background:var(--color-accent);color:#fff}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.readme-section{padding:3rem 0}.readme-content h1{border-bottom:1px solid var(--color-border);padding-bottom:.5rem;font-size:1.8rem}.readme-content h2{border-bottom:1px solid var(--color-border);margin-top:2rem;padding-bottom:.3rem;font-size:1.4rem}.readme-content pre{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1rem 1.25rem;overflow-x:auto}.readme-content code{font-family:var(--font-mono);font-size:.88rem}.readme-content p code,.readme-content li code{background:var(--color-surface);border-radius:4px;padding:.1em .4em;font-size:.9em}.readme-content a{color:var(--color-accent)}.readme-content a:hover{color:var(--color-accent-hover)}