:root{--bg:#0f0f0f;--fg:#e0e0e0;--accent:#6c8cbf;--accent-hover:#8aaad4;--surface:#1a1a1a;--border:#333;--nav-height:48px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--fg);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.navbar{height:var(--nav-height);background:var(--surface);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.navbar-brand a{color:var(--accent);font-size:1.1rem;font-weight:700;text-decoration:none}.navbar-links{gap:16px;display:flex}.nav-link{color:var(--fg);border-radius:4px;padding:4px 8px;font-size:.9rem;text-decoration:none;transition:background .15s}.nav-link:hover{background:var(--border)}.nav-sign-in{color:var(--accent);font-weight:600}.nav-email{color:#888;padding:4px 8px;font-size:.8rem}.nav-dev-auth-badge{color:#f59e0b;letter-spacing:.05em;border:1px solid #f59e0b;border-radius:4px;padding:2px 8px;font-size:.7rem;font-weight:700}.auth-info{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:24px;padding:32px}.auth-info h2{margin-bottom:16px;font-size:1.3rem}.auth-info code{background:var(--bg);border-radius:3px;padding:2px 6px;font-size:.9em}.page{max-width:720px;margin:0 auto;padding:48px 24px}.page h1{margin-bottom:12px;font-size:2rem}.subtitle{color:#999;margin-bottom:48px;font-size:1.1rem}.page p{margin-bottom:16px;line-height:1.6}.page a{color:var(--accent);text-decoration:none}.page a:hover{text-decoration:underline}.counter-section{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:8px;padding:32px}.counter-section h2{margin-bottom:24px;font-size:1.3rem}.counter-value{font-variant-numeric:tabular-nums;color:var(--accent);margin-bottom:24px;font-size:4rem;font-weight:700}.counter-buttons{justify-content:center;gap:12px;margin-bottom:16px;display:flex}.counter-buttons button{border:1px solid var(--border);background:var(--bg);color:var(--fg);cursor:pointer;border-radius:6px;min-width:60px;padding:8px 24px;font-size:1.1rem;transition:background .15s,border-color .15s}.counter-buttons button:hover{background:var(--border);border-color:var(--accent)}.counter-hint{color:#666;margin-bottom:0;font-size:.85rem}.demo-links{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:32px}.demo-links h2{margin-bottom:12px;font-size:1.3rem}.demo-links>p{color:#999;margin-bottom:24px}.demo-link-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.demo-link-list li{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:12px 16px;transition:border-color .15s}.demo-link-list li:hover{border-color:var(--accent)}.demo-link{color:var(--accent);font-size:1.05rem;font-weight:600;text-decoration:none}.demo-link:hover{text-decoration:underline}.demo-link-description{color:#888;font-size:.9rem}.demo-embed{width:100%;min-height:calc(100vh - var(--nav-height))}