:root{--bg:#f7f7f5;--panel:#fff;--text:#1a1c20;--muted:#676d78;--border:#e3e3df;--accent:#2f5bd8;--accent-text:#fff;--danger:#c43131;--ok:#1d7f47;--warn:#9a6400;--hover:#f0f0ec;--s0:#2f5bd8;--s1:#c2410c;--s2:#0f766e;--s3:#9333ea;--s4:#b91c1c;--s5:#4d7c0f}@media (prefers-color-scheme:dark){:root{--bg:#111214;--panel:#1a1b1e;--text:#e8e9eb;--muted:#9ba1ab;--border:#2c2e33;--accent:#7091ff;--accent-text:#111214;--danger:#ff6b6b;--ok:#4ade80;--warn:#fbbf24;--hover:#222428;--s0:#7091ff;--s1:#fb923c;--s2:#2dd4bf;--s3:#c084fc;--s4:#f87171;--s5:#a3e635}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}main{max-width:760px;margin:0 auto;padding:20px 16px 72px}.topbar{border-bottom:1px solid var(--border);background:var(--panel)}.topbar-inner{align-items:center;gap:12px;max-width:760px;margin:0 auto;padding:12px 16px;display:flex}.brand{font-size:17px;font-weight:700}.spacer{flex:1}.who{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}button,.button{border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:15px;font-weight:600;display:inline-flex}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.link-button{color:var(--muted);background:0 0;border:none;padding:4px 0;font-size:14px;font-weight:500}.recording{background:var(--danger);border-color:var(--danger);color:#fff}.danger-button{color:var(--danger);border-color:var(--border);background:0 0}.danger-button:hover:not(:disabled){border-color:var(--danger)}.note-actions{justify-content:flex-end;margin-top:28px;display:flex}.page-head{justify-content:space-between;align-items:center;gap:12px;margin:8px 0 20px;display:flex}h1{margin:0;font-size:24px;line-height:1.25}h2{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:28px 0 8px;font-size:13px}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px}.list{gap:10px;display:grid}.note-link{transition:background .15s;display:block}.note-link:hover{background:var(--hover)}.note-title{font-size:16.5px;font-weight:650}.note-preview{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:14.5px;display:-webkit-box;overflow:hidden}.meta{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 14px;margin-top:6px;font-size:13.5px;display:flex}.badge{border:1px solid;border-radius:99px;padding:1px 8px;font-size:12px;font-weight:650}.badge.working{color:var(--warn)}.badge.failed{color:var(--danger)}.empty{text-align:center;color:var(--muted);padding:48px 16px}.more{justify-content:center;margin-top:16px;display:flex}.form{gap:14px;max-width:380px;margin:48px auto 0;display:grid}label{gap:5px;font-size:14px;font-weight:600;display:grid}input[type=email],input[type=password]{border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit;border-radius:10px;padding:10px 12px}.error{color:var(--danger);font-size:14px}.muted{color:var(--muted);font-size:14px}.recorder{gap:16px;display:grid}.big-record{border-radius:14px;width:100%;padding:22px;font-size:18px}.or{text-align:center;color:var(--muted);font-size:14px}.file-pick{justify-content:center;display:flex}.file-pick input{display:none}audio{width:100%}progress{width:100%;height:8px}.summary{font-size:16.5px}ul{margin:0;padding-left:20px}li+li{margin-top:4px}.turn{border-top:1px solid var(--border);grid-template-columns:58px 1fr;gap:10px;padding:8px 0;display:grid}.turn:first-child{border-top:none}.turn .speaker{font-size:13px;font-weight:700}.turn .time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:400;display:block}.status{color:var(--warn);align-items:center;gap:10px;margin:16px 0;font-weight:600;display:flex}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.back{color:var(--muted);margin-bottom:12px;font-size:14px;display:inline-block}