:root{color-scheme:dark;--bg: #111111;--fg: #f5f5f5;--muted: #777;--accent: #2d2d2d}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.app{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:calc(env(safe-area-inset-top) + .5rem) calc(env(safe-area-inset-right) + .5rem) calc(env(safe-area-inset-bottom) + 1rem) calc(env(safe-area-inset-left) + .5rem)}.time{flex:1;display:flex;align-items:center;justify-content:center;width:100%;font-variant-numeric:tabular-nums;font-weight:200;font-size:min(23vw,42vh);letter-spacing:-.01em;line-height:1;white-space:nowrap;transition:opacity .2s ease}.time.paused{opacity:.4}.controls{display:flex;gap:1rem;width:100%}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:1.5rem;flex:1;padding:clamp(1.5rem,5vh,3rem) 1rem;font-size:clamp(1.5rem,6vw,3rem);font-weight:500;color:var(--fg);background:var(--accent);cursor:pointer;transition:transform .05s ease,background .2s ease}.btn:active{transform:scale(.96)}.btn.secondary{background:transparent;border:1px solid var(--accent);color:var(--muted)}