@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Syne:wght@400;700&display=swap";body{background:#0f1012;margin:0}.page{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:100vh;padding:2rem 1rem;display:flex}.title{letter-spacing:.06em;color:var(--text);font-family:Syne,sans-serif;font-size:clamp(1.6rem,5vw,2.4rem);font-weight:700}.subtitle{color:var(--muted);letter-spacing:.04em;margin-bottom:2rem;font-family:DM Mono,monospace;font-size:.72rem}:root{--bg:#0f1012;--surface:#1a1c20;--border:#2e3036;--text:#e8e6e0;--muted:#6b6f7a;--accent:#2dd4aa;--accent-dk:#1fa882;--danger:#e05c5c}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Syne,sans-serif}.counters{flex-direction:column;align-items:center;gap:0;width:100%;max-width:560px;display:flex}@media (width>=540px){.counters{flex-direction:row;align-items:stretch}}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:1.25rem;padding:2rem 1.5rem;transition:border-color .2s;display:flex}.card:hover{border-color:#3e424c}.card-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-family:DM Mono,monospace;font-size:.7rem}.card-value{color:var(--text);text-align:center;min-width:3ch;font-family:DM Mono,monospace;font-size:clamp(3rem,10vw,4rem);font-weight:300;line-height:1;transition:color .15s}.btn-row{gap:10px;display:flex}.btn{border:1px solid var(--border);width:52px;height:52px;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border-radius:12px;justify-content:center;align-items:center;font-family:DM Mono,monospace;font-size:1.4rem;transition:background .12s,border-color .12s,transform 80ms;display:flex}.btn:hover{background:#24272d;border-color:#3e424c}.btn:active{background:#1e2126;transform:scale(.93)}.btn--accent{border-color:var(--accent-dk);color:var(--accent)}.btn--accent:hover{border-color:var(--accent);background:#2dd4aa14}.btn--accent:active{background:#2dd4aa24}.start-row{border-top:1px solid var(--border);gap:8px;width:100%;margin-top:.25rem;padding-top:1rem;display:flex}.start-input{background:var(--bg);border:1px solid var(--border);height:38px;color:var(--text);border-radius:8px;outline:none;flex:1;min-width:0;padding:0 .75rem;font-family:DM Mono,monospace;font-size:.85rem;transition:border-color .15s}.start-input::placeholder{color:var(--muted)}.start-input:focus{border-color:var(--accent-dk)}.start-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.start-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.start-input[type=number]{-moz-appearance:textfield}.set-btn{border:1px solid var(--accent-dk);height:38px;color:var(--accent);letter-spacing:.06em;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;white-space:nowrap;background:0 0;border-radius:8px;padding:0 .9rem;font-family:DM Mono,monospace;font-size:.78rem;transition:background .12s,transform 80ms}.set-btn:hover{background:#2dd4aa14}.set-btn:active{transform:scale(.95)}.divider{flex-direction:row;justify-content:center;align-items:center;gap:6px;padding:0 .5rem;display:flex}@media (width>=540px){.divider{flex-direction:column;padding:.5rem 0}}.divider:before,.divider:after{content:"";background:var(--border);flex:1;width:28px;height:1px}@media (width>=540px){.divider:before,.divider:after{width:1px;height:28px}}.divider-label{letter-spacing:.1em;color:var(--muted);white-space:nowrap;font-family:DM Mono,monospace;font-size:.62rem}.reset-btn{letter-spacing:.1em;color:var(--muted);cursor:pointer;text-underline-offset:4px;-webkit-tap-highlight-color:transparent;background:0 0;border:none;margin-top:2rem;font-family:DM Mono,monospace;font-size:.75rem;text-decoration:underline;transition:color .15s}.reset-btn:hover{color:var(--danger)}