:root{color-scheme:light dark;--bg: #f7f8fc;--text: #111827;--surface: #ffffff;--surface-shadow: rgba(15, 23, 42, .08);--button-bg: #2563eb;--button-hover: #1d4ed8}@media(prefers-color-scheme:dark){:root{--bg: #09090b;--text: #f8fafc;--surface: #111827;--surface-shadow: rgba(255, 255, 255, .08);--button-bg: #60a5fa;--button-hover: #3b82f6}}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text)}.app-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.nav-shell{flex-direction:row;gap:1rem;justify-content:center;background:var(--surface);width:100%;padding:1rem 0;box-shadow:0 1px #ffffff14}a{color:var(--button-bg);text-decoration:none;font-weight:600}a:hover{color:var(--button-hover)}.counter-card{display:inline-flex;align-items:center;gap:1rem;margin-top:1.5rem;padding:1rem 1.5rem;border-radius:16px;background:var(--surface);box-shadow:0 10px 30px var(--surface-shadow)}button{border:none;border-radius:9999px;padding:.8rem 1rem;font-size:1.1rem;cursor:pointer;background:var(--button-bg);color:#fff}button:hover{background:var(--button-hover)}