:root{color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#222;background:#fff;font-size:14px}
*{box-sizing:border-box}body{margin:0}main{max-width:680px;margin:0 auto;padding:32px 20px}section{min-width:0}button,input,select{font:inherit;color:inherit;min-height:44px;border:1px solid #d5d5d5;border-radius:4px;background:#fff;padding:9px 12px;min-width:0}button,summary{cursor:pointer}button:hover:enabled{background:#f4f4f4}button:disabled{opacity:.4;cursor:default}button.primary{background:#222;color:#fff;border-color:#222}button.primary:hover:enabled{background:#444}.record{color:#a12e2e}.actions,.play-row,.trim-row,.save-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mic-options{margin-left:auto}.mic-row{display:grid;gap:8px;padding:8px 0}.mic-row select{width:100%;max-width:100%}details{min-width:0}summary{min-height:44px;padding:12px 2px;color:#666;font-size:13px}details[open]>summary{color:#222}.mic-options[open]{flex-basis:100%;margin-left:0}.editor{margin-top:24px}.wave-wrap{height:130px;background:#fafafa;position:relative}#wave-empty{position:absolute;inset:0;display:grid;place-items:center;color:#777;font-size:12px;pointer-events:none}#scrub{width:100%;padding:0;margin:0;min-height:28px;accent-color:#597867}#waveform:focus-visible{outline:2px solid #597867;outline-offset:2px}canvas{display:block;width:100%;height:100%;touch-action:none}.play-row{margin:8px 0 16px}.mono{font-variant-numeric:tabular-nums;font-size:12px;color:#666}.play-row .mono{margin-left:auto}.trim-row{align-items:end}.trim-row label{flex:1;font-size:12px;color:#666;min-width:0}.trim-row input{display:block;width:100%;margin-top:5px}.save-row{margin-top:16px;flex-wrap:nowrap}.save-row input{flex:1;width:0}.hint,footer{color:#666;font-size:12px;line-height:1.5}.hint:empty,.status:empty,.field-error:empty{display:none}.status{font-size:13px;margin:12px 0}.error,.field-error,.danger{color:#a12e2e}.recording{color:#a12e2e}.notice{margin:16px 0;padding-left:12px;border-left:2px solid #a12e2e}.saved{margin-top:20px;border-top:1px solid #e8e8e8;padding-top:8px}.library{list-style:none;padding:0;margin:0}.library li{display:flex;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #eee}.take-info{flex:1;min-width:0}.take-name{margin:0;overflow-wrap:anywhere}.take-meta{font-size:12px;color:#666}.library .actions{gap:4px}.library button{font-size:12px;padding:8px}.library .selected .take-name{font-weight:600}footer{margin-top:20px;font-size:11px}:focus-visible{outline:2px solid #28634d;outline-offset:3px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.view-row{margin-top:6px;min-height:16px;font-size:11px;color:#666}#notes{height:210px;width:100%}#notes canvas{touch-action:auto}#wave-help{margin:4px 0 8px;font-size:11px}
@media(max-width:480px){main{padding:20px 16px}.wave-wrap{height:120px}.library li{align-items:flex-start;flex-direction:column}.library .actions{width:100%}.library button{flex:1}.trim-row input{padding:9px 8px}}