:root{color-scheme:light;--ink:#211c2a;--muted:#736b7d;--line:#e5dff0;--panel:#fff;--bg:#f7f4fb;--accent:#5e3aa8;--accent-soft:#eee7fb;--danger:#b72f46;--danger-soft:#fff0f2;--ok:#286c4b;--warning:#8b6014;--warning-soft:#fff7df;--shadow:0 12px 36px rgba(55,35,86,.08)}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100%;background:radial-gradient(circle at top right,#eee7fb 0,transparent 34rem),var(--bg);color:var(--ink);font-family:ui-rounded,"SF Pro Rounded","Avenir Next",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.hidden{display:none!important}
.app-shell{width:min(100%,820px);margin:0 auto;padding:max(14px,env(safe-area-inset-top)) 14px max(24px,env(safe-area-inset-bottom))}.topbar,.section-heading,.context-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.topbar{margin-bottom:10px}.eyebrow{color:var(--accent);font-size:11px;font-weight:850;letter-spacing:.16em}h1,h2{margin:0}h1{font-size:clamp(28px,7vw,40px);line-height:1}h2{font-size:19px}
.status-pill{display:inline-flex;align-items:center;min-height:27px;padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:#f7f5fa;color:var(--muted);font-size:11px;font-weight:800;white-space:nowrap}.status-pill.good{color:var(--ok);background:#eef9f3;border-color:#cae8d7}.status-pill.warn{color:var(--warning);background:var(--warning-soft);border-color:#f0d99f}
.panel{margin:10px 0;padding:14px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.96);box-shadow:var(--shadow)}.warning-panel{background:var(--warning-soft);border-color:#efd79c}.warning-panel p{color:var(--muted);line-height:1.4}.context-panel{padding-bottom:12px}.context-head{margin-bottom:9px}.field-label{display:block;margin:8px 0 5px;color:var(--muted);font-size:12px;font-weight:800}.text-input,.select-input{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);outline:none}.text-input:focus,.select-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(94,58,168,.09)}.context-hint{margin:7px 1px 0;color:var(--muted);font-size:11px;line-height:1.35}.context-hint a{color:var(--accent);font-weight:800}
.record-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.record-state{display:flex;align-items:center;gap:10px;min-width:0}.record-dot{width:13px;height:13px;border-radius:50%;background:#bcb6c6;box-shadow:0 0 0 6px rgba(188,182,198,.14);flex:0 0 auto}.record-dot.live{background:var(--danger);box-shadow:0 0 0 7px rgba(183,47,70,.12);animation:pulse 1.6s infinite}.record-dot.paused{background:var(--warning);box-shadow:0 0 0 7px rgba(139,96,20,.12)}@keyframes pulse{50%{transform:scale(.82);opacity:.75}}.record-status{font-size:16px;font-weight:850}.save-status{margin-top:2px;color:var(--muted);font-size:11px}.timer{font-variant-numeric:tabular-nums;font-size:clamp(30px,8vw,46px);line-height:1;font-weight:800;letter-spacing:-.04em;white-space:nowrap}.meter-wrap{height:8px;overflow:hidden;margin:12px 0 14px;border-radius:999px;background:#eeeaf3}.meter{width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8c70c7,#5e3aa8);transition:width .06s linear}
.primary-record,.secondary-action,.danger-action{width:100%;min-height:58px;border:0;border-radius:17px;font-weight:850;cursor:pointer}.primary-record{display:flex;align-items:center;justify-content:center;gap:11px;background:var(--accent);color:#fff;box-shadow:0 8px 24px rgba(94,58,168,.22);font-size:18px}.primary-record:disabled{opacity:.48;cursor:not-allowed}.record-symbol{width:17px;height:17px;border-radius:50%;background:#fff}.running-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.secondary-action{background:var(--accent-soft);color:var(--accent)}.danger-action{background:var(--danger-soft);color:var(--danger)}.safety-row{display:flex;flex-wrap:wrap;gap:5px 14px;margin-top:10px;color:var(--muted);font-size:10px}.safety-row strong{color:var(--ink)}
.text-button{border:0;background:transparent;color:var(--accent);font-weight:800;cursor:pointer;padding:7px}.recordings-list,.recovery-list{display:grid;gap:8px;margin-top:10px}.recording-card{padding:11px;border:1px solid var(--line);border-radius:15px;background:#fff}.record-main{display:grid;grid-template-columns:minmax(240px,1fr) minmax(260px,1.1fr);align-items:center;gap:12px}.record-info{min-width:0}.title-row{display:flex;align-items:center;gap:8px;min-width:0}.recording-card h3{margin:0;min-width:0;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.duration-chip{display:inline-flex;padding:3px 7px;border-radius:999px;background:#f2eff6;color:var(--muted);font-size:10px;font-weight:850;white-space:nowrap}.recording-meta{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.35}.status-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:7px}.sync-error{color:var(--warning);font-size:10px}.player-cell{min-width:0}.player-cell audio{display:block;width:100%;height:42px}.player-placeholder,.released-note{display:block;color:var(--muted);font-size:11px;text-align:center}.recording-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.recording-actions button{min-height:35px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--accent);font-size:11px;font-weight:800;cursor:pointer}.recording-actions .primary-mini{background:var(--accent);border-color:var(--accent);color:#fff}.recording-actions .delete{color:var(--danger)}.empty-state{padding:14px 6px;color:var(--muted);text-align:center;font-size:12px}
footer{display:flex;justify-content:space-between;gap:12px;padding:9px 4px;color:var(--muted);font-size:10px}.toast{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:50;transform:translateX(-50%);width:min(calc(100% - 28px),520px);padding:11px 14px;border-radius:13px;background:#211c2a;color:#fff;box-shadow:0 12px 40px rgba(0,0,0,.22);text-align:center;font-size:12px}
@media(max-width:650px){.record-main{grid-template-columns:1fr}.player-cell audio{height:40px}.record-heading{align-items:flex-start}.timer{font-size:32px}.recording-card h3{white-space:normal}.panel{border-radius:17px}.safety-row{display:grid;grid-template-columns:1fr 1fr}.safety-row span:first-child{grid-column:1/-1}}
@media(max-width:430px){.app-shell{padding-left:10px;padding-right:10px}.panel{padding:12px}.safety-row{grid-template-columns:1fr}.safety-row span:first-child{grid-column:auto}footer{flex-direction:column}.status-pill{white-space:normal}.topbar{align-items:flex-start}}