@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg: #10151c;--panel: #171e27;--line: #2a3441;--text: #eef2f6;--muted: #92a1b3;--accent: #5ee6c6}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:IBM Plex Mono,ui-monospace,monospace}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{width:100%;max-width:420px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:36px 32px}.tag{display:inline-block;font-size:12px;color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:3px 10px;margin-bottom:18px}h1{font-family:Space Grotesk,sans-serif;font-size:28px;line-height:1.25;margin:0 0 12px}.sub{color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 28px}.sub code{color:var(--accent);background:#5ee6c61a;padding:1px 5px;border-radius:4px}.clock{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-bottom:24px}.clock-time{font-size:40px;font-weight:500;letter-spacing:1px}.clock-date{font-size:13px;color:var(--muted);margin-top:4px}.counter{display:flex;align-items:center;gap:18px}.counter button{width:40px;height:40px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--text);font-size:18px;cursor:pointer;transition:border-color .15s ease,color .15s ease}.counter button:hover{border-color:var(--accent);color:var(--accent)}.counter-value{font-size:22px;min-width:32px;text-align:center}.hint{color:var(--muted);font-size:12px;margin:14px 0 0}