:root{--ink: #1f2a44;--bg: #f6f6f4;--card: #fff;--line: #dcdcd6;--muted: #666;--rec: #d32f2f;--selected: #eef3ff}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:#222;-webkit-text-size-adjust:100%;padding-bottom:env(safe-area-inset-bottom,0px)}.topbar{background:var(--ink);color:#fff;padding:calc(env(safe-area-inset-top,0px) + .75rem) 16px .75rem}.topbar h1{margin:0 auto;max-width:720px;font-size:1.25rem}main{max-width:720px;margin:0 auto;padding:1rem max(16px,env(safe-area-inset-left,0px)) 2rem max(16px,env(safe-area-inset-right,0px))}section{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1rem;margin-bottom:1rem}section.disabled{opacity:.45;pointer-events:none}h2{font-size:1.1rem;margin:0 0 .5rem}h3{font-size:1rem;margin:1.25rem 0 .25rem}.hint{color:var(--muted);font-size:.9rem;margin:.5rem 0}button{font:inherit;min-height:44px;padding:.5rem 1rem;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);cursor:pointer;touch-action:manipulation}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--ink);border-color:var(--ink);color:#fff}button.danger{background:var(--rec);border-color:var(--rec);color:#fff}.transport{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:.5rem;margin:.75rem 0}#btn-rec{font-weight:600;color:var(--rec)}#btn-rec.recording{background:var(--rec);border-color:var(--rec);color:#fff;opacity:1;animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.6}}.progress{display:flex;align-items:center;gap:.75rem;margin:.75rem 0}.progress-track{flex:1;height:12px;background:#e4e4e0;border-radius:6px;overflow:hidden}.progress-fill{height:100%;width:100%;background:#555}.progress.recording .progress-fill{background:var(--rec)}.progress-time{font-variant-numeric:tabular-nums;min-width:3.5em;text-align:right}.meter{display:flex;align-items:center;gap:.75rem;margin:.75rem 0 0}.meter-label{font-size:.9rem;color:var(--muted)}.meter-track{position:relative;flex:1;height:14px;border-radius:7px;overflow:hidden;background:linear-gradient(to right,#2e9d4f 0 75%,#f0a020 75% 93.75%,var(--rec) 93.75%)}.meter-mask{position:absolute;top:0;bottom:0;left:0;right:0;background:#e4e4e0}.meter-peak{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--ink)}.meter-max{min-width:7.5em;padding:.25rem .5rem;font-size:.85rem;font-variant-numeric:tabular-nums}.meter.clipped .meter-max{background:var(--rec);border-color:var(--rec);color:#fff;font-weight:600}.take-level{color:var(--muted);font-size:.85rem}.take-level.clip{color:var(--rec);font-weight:600}.volumes{display:grid;gap:.5rem;margin:.75rem 0}.volumes label{display:grid;grid-template-columns:3.5em 1fr;align-items:center}input[type=range]{width:100%}.takes{list-style:none;padding:0;margin:0}.takes li{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;border-radius:8px}.takes li.selected{background:var(--selected)}.takes li label{flex:1;display:flex;align-items:center;gap:.5rem;min-height:44px;font-variant-numeric:tabular-nums}.takes input[type=radio]{width:1.2rem;height:1.2rem}.fields{display:grid;gap:.5rem;margin:.75rem 0}.fields label{display:grid;gap:.25rem;font-size:.9rem;color:var(--muted)}input[type=text]{font-size:16px;padding:.6rem;border:1px solid var(--line);border-radius:8px;color:#222}.actions{display:grid;gap:.5rem}.version{font-size:.75rem;font-weight:400;opacity:.7;margin-left:.5rem}.update{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;background:#fff4d6;border:1px solid #f0d58a;border-radius:12px;padding:.5rem 1rem;margin-bottom:1rem}.update[hidden]{display:none}.install{background:var(--selected);border-radius:12px;padding:.25rem 1rem;margin-bottom:1rem}.install button{margin:.5rem 0}#calib-status{white-space:pre-line}.ok{color:#1a7f37}.warn{color:#b26b00}.err{color:#c62828}@media (min-width: 600px){.fields{grid-template-columns:1fr 1fr}.actions{grid-template-columns:repeat(3,auto);justify-content:start}}