:root{color-scheme:dark;--bg: #0f1419;--fg: #e7ecf3;--muted: #9aa8bc;--surface: #1a2332;--accent: #2f6fd6;--danger: #f07178;--ok: #7fd99a;--border: #2a3548;font-family:system-ui,sans-serif;line-height:1.45}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--fg)}#app{max-width:40rem;margin:0 auto;padding:1.5rem 1rem 3rem}h1{font-size:1.5rem;margin:0 0 .25rem}.tagline,.hint,.status,.meta,.history h2,.progress-label{color:var(--muted);font-size:.9rem}.hint{margin:0 0 .85rem;line-height:1.4}.model-pick{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:0 0 .35rem}.model-pick-label{font-size:.9rem;color:var(--muted);font-weight:600}.model-pick select{flex:1 1 12rem;min-width:12rem;background:var(--surface);color:var(--fg);border:1px solid var(--border);border-radius:.5rem;padding:.5rem .65rem;font:inherit;min-height:44px}.model-pick select:disabled{opacity:.55}.model-blurb{margin:0 0 .75rem;font-size:.85rem;color:var(--muted);min-height:1.2rem}.status{min-height:1.35rem;margin:0 0 .5rem;font-weight:500}.status.error{color:var(--danger)}.status.ok{color:var(--ok)}.status.recording{color:var(--danger);font-weight:700}#rec-timer{display:inline-block;margin:0 0 .6rem;font-size:.95rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--danger)}#rec-timer[hidden]{display:none}.progress{display:none;height:.45rem;background:var(--border);border-radius:99px;overflow:hidden;margin-bottom:.35rem}.progress.visible{display:block}.progress>span{display:block;height:100%;width:0;background:var(--accent);transition:width .2s}.progress-label{margin:0 0 .85rem;min-height:1.1rem}.row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}button,.file-btn{border:1px solid var(--border);background:var(--surface);color:var(--fg);border-radius:.5rem;padding:.55rem .9rem;font-size:.95rem;cursor:pointer;min-height:44px;min-width:44px}button.primary{background:var(--accent);border-color:transparent;color:#fff;font-weight:600}button:disabled,.file-btn.disabled,.file-btn:has(input:disabled){opacity:.45;cursor:not-allowed}.file-btn input{display:none}.result-panel{width:100%;min-height:10rem;margin-bottom:.75rem;background:var(--surface);color:var(--fg);border:1px solid var(--border);border-radius:.5rem;padding:.75rem;font:inherit;user-select:text;white-space:pre-wrap;word-break:break-word}.result-panel:empty:before{content:"La transcripción aparecerá acá…";color:var(--muted);user-select:none}.result-panel.interim{color:var(--muted)}.dict-meta{margin:0 0 .75rem;font-size:.85rem;color:var(--muted)}.dict-meta[hidden]{display:none}.status-detail{margin-left:.35rem}.playback{margin:0 0 .85rem;padding:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:.5rem}.playback h2{margin:0 0 .25rem;font-size:.95rem;color:var(--fg)}.playback-hint{margin:0 0 .5rem;font-size:.85rem;color:var(--muted)}.playback audio{width:100%;height:2.75rem}.drop-tip{margin:0 0 .75rem;font-size:.8rem;color:var(--muted)}#drop-tip[hidden]{display:none}.btn-hint{margin:-.15rem 0 .75rem;font-size:.85rem;color:var(--muted)}.btn-hint[hidden]{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;white-space:nowrap}.drop-overlay{position:fixed;inset:0;z-index:50;display:none;place-items:center;background:color-mix(in srgb,var(--accent) 12%,var(--bg));border:2px dashed var(--accent);margin:.75rem;border-radius:.75rem;pointer-events:none}.drop-overlay.visible{display:grid}.drop-overlay-card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1.25rem 1.75rem;text-align:center;box-shadow:0 8px 32px #00000059}.drop-overlay-card strong{display:block;font-size:1.1rem;margin-bottom:.25rem}.drop-overlay-card span{color:var(--muted);font-size:.85rem}.history h2{margin:1rem 0 .4rem;font-size:.95rem}.history ul{list-style:none;margin:0;padding:0}.history li{margin-bottom:.45rem}.history li button.hist-recall{width:100%;text-align:left;margin-bottom:.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:44px}.history .hist-actions{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.3rem}.history .hist-actions button{flex:1 1 auto;text-align:center;min-height:44px;min-width:44px}.modal-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:1rem;background:#0009}.modal-card{width:min(26rem,100%);background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1.25rem 1.5rem 1.5rem;box-shadow:0 12px 40px #00000073}.modal-card h2{margin:0 0 .5rem;font-size:1.05rem;color:var(--fg)}.modal-copy{margin:0 0 1rem;font-size:.9rem;color:var(--muted)}.modal-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}