:root{color:#1d1b16;background:radial-gradient(80% 50% at 10% -10%,#8d5a2c1f,#0000 50%),radial-gradient(60% 40% at 90% 0,#1f3f341a,#0000 45%),#f7f2e8;min-height:100%;font-family:Segoe UI,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:#fff;cursor:pointer;background:#1f3f34;border:0;border-radius:999px;padding:.75rem 1rem;font-weight:700}button:disabled{cursor:not-allowed;opacity:.6}audio{width:100%}pre{white-space:pre-wrap;background:#fffaf0;border-radius:1rem;padding:1rem;overflow:auto}.app-shell{max-width:1280px;margin:0 auto;padding:1.5rem 2rem 3rem}.top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.brand{color:#1d1b16;letter-spacing:-.02em;align-items:center;gap:.75rem;font-size:clamp(1.75rem,4vw,2.35rem);font-weight:700;line-height:1;display:flex}.brand img{border-radius:.65rem;width:2.5rem;height:2.5rem;display:block}.icon-button{color:#6d665b;background:0 0;border-radius:.55rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:0;display:inline-flex}.icon-button:hover,.icon-button.active{color:#8d5a2c;background:#1f3f341a}.top-bar-actions{align-items:center;gap:.75rem;display:flex}.recorder-actions{align-items:center;gap:.65rem;display:flex}.recorder-actions button{min-width:4.5rem;padding:.55rem 1rem}.timer{font-variant-numeric:tabular-nums;text-align:center;background:#fffaf0;border:1px solid #eadfce;border-radius:999px;min-width:4.25rem;padding:.4rem .75rem;font-size:1rem;font-weight:800}.login-shell{flex-direction:column;justify-content:center;max-width:26rem;min-height:100vh;margin:0 auto;padding:1.5rem;display:flex}.login-logo{border-radius:.75rem;margin-bottom:1rem}.login-shell h1{letter-spacing:-.03em;margin:0;font-size:2rem;font-weight:700}.login-lead{color:#6d665b;margin:.5rem 0 0}.login-form{gap:1rem;margin-top:2rem;display:grid}.login-form label{gap:.45rem;font-size:.9rem;font-weight:600;display:grid}.login-form input,.search{border:1px solid #ded3bf;border-radius:.65rem;padding:.75rem 1rem}.login-error{color:#8a2418;margin:0;font-size:.9rem}.panel,.card,.settings-page{background:#ffffffbd;border:1px solid #1f3f3421;border-radius:1.5rem;box-shadow:0 24px 80px #45371e14}.eyebrow{color:#8d5a2c;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .35rem;font-size:.78rem;font-weight:800}.error{color:#8a2418;background:#ffe8e5;border:1px solid #e29b91;border-radius:1rem;margin:0 0 1rem;padding:1rem}.history h2,.detail h2,.card h3,.settings-page h2{margin-top:0}.danger{background:#963c2f}.ghost{color:#963c2f;background:0 0;border:1px solid #963c2f}.workspace{grid-template-columns:minmax(260px,360px) 1fr;gap:1rem;display:grid}.history{padding:1.25rem}.history-header,.detail-header{justify-content:space-between;align-items:center;display:flex}.history-header button{color:#1d1b16;background:#eadfce}.search{width:100%;margin-bottom:1rem}.conversation-list{gap:.65rem;display:grid}.conversation-list button{color:#1d1b16;text-align:left;background:#fffaf0;border:1px solid #eadfce;border-radius:1rem;gap:.25rem;padding:1rem;display:grid}.conversation-list button.selected{border-color:#1f3f34;box-shadow:inset 0 0 0 1px #1f3f34}.conversation-list span,.conversation-list small,.muted,.empty{color:#6d665b}.detail{gap:1rem;padding:1.25rem 1.5rem;display:grid}.detail .card{box-shadow:none}.empty-detail{text-align:center;align-content:center;min-height:420px}.card{padding:1.25rem}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.tags{flex-wrap:wrap;gap:.5rem;display:flex}.tags span{color:#1f3f34;background:#e6efe9;border-radius:999px;padding:.4rem .7rem;font-weight:700}.settings-page{gap:1rem;max-width:32rem;padding:1.5rem;display:grid}.back-link{color:#6d665b;width:fit-content;font-size:.9rem}.back-link:hover{color:#8d5a2c}.settings-page .ghost{justify-self:start}@media (width<=900px){.history-header,.detail-header{flex-direction:column;align-items:stretch}.workspace,.grid{grid-template-columns:1fr}}
