:root{--bg:#14161f;--card:#1d2030;--line:#2c3046;--text:#eef0f7;--dim:#8d93ad;--accent:#ffb547;--accent2:#ff6f61;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{-webkit-tap-highlight-color:transparent;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{max-width:440px;margin:0 auto;padding:12px 16px 32px}header h1{letter-spacing:-.02em;text-align:center;margin:4px 0 8px;font-size:22px}header h1 img{vertical-align:-6px;border-radius:7px;margin-right:8px}header h1 span{color:var(--accent)}h2{text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin:0 0 10px;font-size:13px}[hidden]{display:none!important}button{font:inherit;color:var(--text);background:var(--card);border:1px solid var(--line);cursor:pointer;touch-action:manipulation;border-radius:12px;padding:10px 12px}button.on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, var(--card))}.dial{aspect-ratio:1;width:min(72vw,280px);margin:4px auto 8px;position:relative}.dial svg{width:100%;height:100%;transform:rotate(-90deg)}.dial circle{fill:none;stroke-width:10px}.track{stroke:var(--line)}.progress{stroke:var(--accent);stroke-linecap:round}.readout{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.big{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:64px;font-weight:700}.big.small{font-size:44px}.sub{color:var(--dim);margin-top:-4px}.flash{pointer-events:none;opacity:0;border-radius:50%;position:absolute;inset:6%}.flash.pulse{animation:.6s ease-out pulse}@keyframes pulse{0%{opacity:.55;box-shadow:0 0 0 0 var(--accent);background:color-mix(in srgb, var(--accent) 30%, transparent)}to{opacity:0;box-shadow:0 0 0 28px #0000}}.stats{text-align:center;justify-content:center;gap:40px;margin-bottom:14px;display:flex}.stats span{font-variant-numeric:tabular-nums;font-size:22px;font-weight:600;display:block}.stats label{color:var(--dim);font-size:13px}.go{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#1a1208;border:none;border-radius:16px;width:100%;padding:18px;font-size:20px;font-weight:700;display:block}body.running .go{background:var(--card);color:var(--text);border:1px solid var(--line)}.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;margin-top:16px;padding:14px}.panel button{background:var(--bg)}.panel button.on{background:color-mix(in srgb, var(--accent) 18%, var(--bg))}.seg{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;display:grid}.row{gap:10px;display:grid}.num input{width:5.5em;font:inherit;text-align:center;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:10px;margin:0 4px;padding:8px;font-size:18px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{border-radius:999px;padding:6px 12px;font-size:14px}.hint{color:var(--dim);margin:8px 0 0;font-size:13px}.sounds{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.sounds button{padding:12px 6px;font-size:14px}.slider{color:var(--dim);align-items:center;gap:12px;margin-top:14px;display:flex}.slider input{accent-color:var(--accent);flex:1}.toggles{gap:12px;display:grid}.toggles label{align-items:center;gap:10px;display:flex}.toggles input{width:20px;height:20px;accent-color:var(--accent)}footer{color:var(--dim);text-align:center;margin-top:20px;font-size:12px}.sounds .custom{display:grid;position:relative}.sounds .custom>button:first-child{text-overflow:ellipsis;white-space:nowrap;padding-right:22px;overflow:hidden}.sounds .del{width:22px;height:22px;color:var(--dim);background:0 0;border:none;border-radius:50%;padding:0;font-size:16px;line-height:1;position:absolute;top:3px;right:3px}.sounds .add{color:var(--accent);border-style:dashed}button:disabled{opacity:.45;cursor:default}dialog{background:var(--card);width:min(92vw,400px);color:var(--text);border:1px solid var(--line);border-radius:20px;padding:18px}dialog::backdrop{background:#0009}.recStage{align-items:center;gap:18px;margin:14px 0;display:flex}.recBtn{border:3px solid var(--line);background:var(--bg);border-radius:50%;flex:none;place-items:center;width:76px;height:76px;display:grid}.recBtn span{background:#ff4d4d;border-radius:50%;width:32px;height:32px;transition:all .15s}dialog[data-state=recording] .recBtn{border-color:#ff4d4d}dialog[data-state=recording] .recBtn span{border-radius:6px;width:26px;height:26px}.recInfo{flex:1}.recTime{font-variant-numeric:tabular-nums;font-size:28px;font-weight:600}.meter{background:var(--bg);border-radius:4px;height:8px;margin-top:6px;overflow:hidden}.meter div{background:linear-gradient(90deg, var(--accent), var(--accent2));width:0;height:100%}#recReview{gap:12px;display:grid}#recReview[hidden]{display:none}.field{color:var(--dim);align-items:center;gap:10px;display:flex}.field input{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:10px;flex:1;padding:9px 10px}.error{color:#ff8a80;font-size:14px}.recActions{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.recActions .primary{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#1a1208;border:none;font-weight:700}.sounds button[data-id].on:before{content:"✓ ";color:var(--accent);font-weight:700}.account{border-top:1px solid var(--line);color:var(--dim);align-items:center;gap:10px;margin-top:12px;padding-top:12px;font-size:13px;display:flex}.account span{flex:1}.panel .account button{color:var(--accent);flex:none;padding:7px 14px;font-size:14px}