:root{color-scheme:dark;--bg:#0b1020;--surface:#111827;--surface-2:#182235;--border:#293750;--text:#f8fafc;--muted:#9aa9bf;--accent:#ef4444;--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -20%,#1e2b48 0,var(--bg) 45%);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-tap-highlight-color:transparent}.app-shell{max-width:760px;margin:0 auto;padding:calc(20px + env(safe-area-inset-top,0px)) 16px calc(36px + var(--safe-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.eyebrow{margin:0 0 3px;color:#93a4bd;font-size:.68rem;letter-spacing:.16em;font-weight:800}.topbar h1{margin:0;font-size:2rem;letter-spacing:-.04em}.badge,.chip,.recovery-chip{padding:6px 9px;border-radius:999px;background:#1b2840;color:#ced8e7;font-size:.75rem}.app-notice{margin:0 0 14px;padding:13px 15px;border:1px solid #7f1d1d;border-radius:13px;background:#3b151b;color:#fecaca;line-height:1.4;font-size:.9rem}.app-notice[data-type="info"]{border-color:#1e4f7a;background:#122b46;color:#bfdbfe}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#101827;border:1px solid var(--border);border-radius:15px;padding:4px;margin-bottom:16px}.tab{min-height:44px;border:0;border-radius:11px;padding:10px;background:transparent;color:#91a1b7;font-weight:750;font-size:.96rem}.tab.active{background:#24334f;color:#fff}.panel{display:none}.active-panel{display:block}.hero-card,.card,.notice,.memory-item{background:rgba(17,24,39,.94);border:1px solid var(--border);border-radius:20px}.hero-card{padding:30px 18px;text-align:center}.pulse-ring{width:148px;height:148px;margin:0 auto 20px;border-radius:50%;display:grid;place-items:center;background:rgba(239,68,68,.07)}.pulse-ring.recording{animation:pulse 1.6s infinite}.record-button{width:106px;height:106px;border:0;border-radius:50%;background:var(--accent);color:#fff;font-size:2.2rem;box-shadow:0 12px 34px rgba(239,68,68,.3);touch-action:manipulation}.record-button:disabled{opacity:.4;box-shadow:none}.record-button:not(:disabled):active{transform:scale(.96)}.record-button.recording{background:#dc2626}.hero-card h2{margin:0 0 8px;font-size:1.5rem}.hero-card p{margin:0 auto;max-width:520px;color:#b0bdd0;line-height:1.5}.timer{font-variant-numeric:tabular-nums;font-size:1.2rem;font-weight:750;margin-top:16px;color:#e2e8f0}.card{padding:17px;margin-top:14px}.card-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.card h3{margin:0}.muted{color:#8fa0b8;font-size:.8rem}.transcript{white-space:pre-wrap;line-height:1.55;margin-top:13px;color:#e5e7eb;max-height:190px;overflow:auto}.transcript.empty{color:#718198;font-style:italic}.notice{margin-top:14px;padding:14px 15px;color:#bec9d8;line-height:1.45;font-size:.88rem}.search-wrap{position:sticky;top:env(safe-area-inset-top,0px);display:grid;grid-template-columns:1fr auto;gap:8px;background:var(--bg);padding:2px 0 13px;z-index:2}.search-wrap input,.search-wrap select,textarea{border:1px solid var(--border);border-radius:13px;padding:13px 14px;background:var(--surface);color:#fff;font:inherit;outline:none;min-width:0}.search-wrap select{max-width:148px}.search-wrap input:focus,.search-wrap select:focus,textarea:focus{border-color:#58719b;box-shadow:0 0 0 3px rgba(88,113,155,.18)}.memory-list{display:grid;gap:11px}.memory-item{padding:16px;cursor:pointer}.memory-item:hover,.memory-item:focus-visible{border-color:#536989;outline:none}.memory-meta{display:flex;justify-content:space-between;gap:10px;color:#8b9bb2;font-size:.77rem}.memory-title{margin:8px 0 6px;font-size:1.05rem}.memory-summary{margin:0;color:#bdc8d8;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}.recovery-chip{background:#4a2f0b;color:#fde68a}.empty-state{text-align:center;color:#8b9bb2;padding:48px 20px}.memory-dialog{width:min(680px,calc(100vw - 20px));max-height:calc(100dvh - 24px);overflow:auto;border:1px solid #3b4b66;border-radius:19px;background:var(--surface);color:var(--text);padding:20px;margin:auto}.memory-dialog::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(3px)}.memory-dialog h2{padding-right:42px;margin-top:6px}.close-button{position:sticky;float:right;top:0;border:0;background:#263247;color:#fff;border-radius:10px;width:40px;height:40px;font-size:1.4rem;z-index:2}.detail-section{margin-top:20px}.detail-section h3{margin-bottom:8px}.detail-section p,.detail-section li{color:#c8d2df;line-height:1.55}.detail-section ul{padding-left:20px}.detail-section small{display:block;margin-top:3px;color:#8393aa}.audio-player{width:100%;margin-top:8px}textarea{display:block;width:100%;resize:vertical;line-height:1.5}.secondary-button,.danger-button{min-height:42px;margin-top:10px;border:1px solid #425575;border-radius:10px;padding:9px 13px;background:#1c2a42;color:#fff;font-weight:700}.danger-button{border-color:#7f1d1d;background:#421a20;color:#fecaca}.detail-actions{display:flex;justify-content:space-between;gap:12px;margin-top:22px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(239,68,68,.24)}70%{box-shadow:0 0 0 25px rgba(239,68,68,0)}100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}}
@media(max-width:520px){.app-shell{padding-left:12px;padding-right:12px}.hero-card{padding:25px 14px}.pulse-ring{width:134px;height:134px}.record-button{width:96px;height:96px}.card-header{display:block}.card-header .muted{display:block;margin-top:5px}.search-wrap{grid-template-columns:1fr}.search-wrap select{max-width:none;width:100%}.memory-dialog{padding:17px}.detail-actions{flex-direction:column}.detail-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.pulse-ring.recording{animation:none}*{scroll-behavior:auto!important}}