:root{color-scheme:dark;--bg: #0f0f0f;--bg2: #141414;--fg: #f1f5f9;--muted: #94a3b8;--primary: #22c55e;--danger: #ef4444;--card: #1b1b1b;--border: #2a2a2a}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom)}.container{width:100%;max-width:560px}.title{margin:8px 0 16px;font-size:20px;font-weight:600;text-align:center;color:var(--fg)}.controls{display:flex;justify-content:center;margin:16px 0 24px}.start,.stop{border:none;border-radius:999px;padding:14px 28px;font-size:18px;font-weight:700;cursor:pointer}.start{background:var(--primary);color:#052e16}.stop{background:var(--danger);color:#fff}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.label{font-size:12px;color:var(--muted)}.value{font-size:22px;margin-top:6px;font-weight:700}.warning{margin-top:14px;background:#3f1d1d;border:1px solid #7f1d1d;color:#fecaca;padding:10px 12px;border-radius:10px;font-size:13px}@media (max-width: 420px){.value{font-size:20px}}