:root{font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#263444;background:#fff;--accent:#1769c2;--muted:#586779;--line:#dce2e9}*{box-sizing:border-box}body{margin:0;padding:24px}main{max-width:560px;margin:auto}header{display:flex;gap:12px;align-items:center}header img{width:40px;height:40px;object-fit:contain;flex-shrink:0}h1{font-size:21px;line-height:1.3;margin:0;font-weight:650}.recipient{color:var(--muted);overflow-wrap:anywhere;margin:12px 0 24px}.recording{display:flex;align-items:center;gap:12px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}#timer{font-size:36px;font-variant-numeric:tabular-nums;line-height:1.2}#phase{margin-left:auto;color:var(--muted)}#indicator{width:10px;height:10px;border-radius:50%;background:#a0adba}.live #indicator{background:#c93434}.live #phase{color:#b52b2b}#status{min-height:48px;margin:20px 0 12px;overflow-wrap:anywhere}.actions{display:flex;flex-wrap:wrap;gap:10px}button{font:inherit;font-weight:600;min-height:44px;border:1px solid #a8b6c5;border-radius:6px;padding:9px 16px;background:white;color:#263444;cursor:pointer}button.primary{background:var(--accent);border-color:var(--accent);color:white}button:hover{filter:brightness(.95)}button:disabled{opacity:.5;cursor:default}button:focus-visible,summary:focus-visible,audio:focus-visible{outline:3px solid #f3ab23;outline-offset:3px}.link{padding-left:0;border:0;color:var(--accent);text-align:left}.hint,details{font-size:13px;color:var(--muted);margin-top:22px}details{border-top:1px solid var(--line);padding-top:16px}summary{cursor:pointer}audio{width:100%;margin-top:18px}[hidden]{display:none!important}@media(max-width:380px){body{padding:16px}h1{font-size:19px}.actions button{flex:1 1 auto}#timer{font-size:32px}}