:root{--bg: #0b1020;--surface: #141a2e;--surface-2: #1b2240;--line: rgba(255, 255, 255, .09);--text: #e9ebf5;--muted: #98a1c0;--accent: #6366f1;--accent-2: #818cf8;--danger: #f43f5e;--ok: #34d399;--warn: #fbbf24;--radius: 16px;--tabbar-h: 62px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}a{color:var(--accent-2)}h1{font-size:1.5rem;margin:0}h2{font-size:1.05rem;margin:0 0 4px}h3{font-size:1rem}.muted{color:var(--muted)}.small{font-size:.82rem}.app{display:flex;flex-direction:column;height:100dvh}.content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(env(safe-area-inset-top) + 12px) 16px calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 16px)}.banner{background:linear-gradient(90deg,#3730a3,#4338ca);color:#eef;font-size:.85rem;padding:calc(env(safe-area-inset-top) + 8px) 16px 8px;text-align:center}.banner a{color:#fff;font-weight:600}.tabbar{position:fixed;bottom:0;left:0;right:0;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:flex;background:#0f1324eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);z-index:20}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);text-decoration:none;font-size:.68rem;padding-top:6px}.tab.active{color:var(--accent-2)}.tab-record .tab-record-dot{display:grid;place-items:center;width:46px;height:46px;margin-top:-16px;border-radius:50%;background:linear-gradient(160deg,var(--accent-2),var(--accent));color:#fff;box-shadow:0 6px 18px #6366f180}.tab-record.active{color:var(--accent-2)}.login{min-height:100dvh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,360px);display:flex;flex-direction:column;gap:14px}.login-card h1,.login-card p{margin:0}.screen{display:flex;flex-direction:column;gap:14px}.screen-header{display:flex;align-items:baseline;justify-content:space-between}.empty{text-align:center;margin-top:22vh;color:var(--muted);display:flex;flex-direction:column;gap:14px;align-items:center}.btn{border:1px solid var(--line);background:var(--surface-2);color:var(--text);font-size:.92rem;font-weight:600;padding:10px 16px;border-radius:12px;cursor:pointer;transition:transform .05s ease,opacity .15s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:linear-gradient(160deg,var(--accent-2),var(--accent));border-color:transparent;color:#fff}.btn-ghost{background:transparent}.btn-danger{background:transparent;border-color:#f43f5e66;color:var(--danger)}.link-btn{background:none;border:none;color:var(--accent-2);font:inherit;cursor:pointer;padding:0;text-decoration:underline}.chip{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:6px 14px;font-size:.82rem;cursor:pointer}.chip-active{background:#6366f12e;border-color:var(--accent);color:#fff}.chip:disabled{opacity:.5}.note-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.note-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px;cursor:pointer}.note-card:active{background:var(--surface-2)}.note-card-selected{border-color:var(--accent);background:#6366f11f}.note-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.note-card-top h3{margin:0;font-size:1rem;line-height:1.3;flex:1;min-width:0}.list-tools{display:flex;align-items:baseline;gap:12px}.note-check{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0;margin-top:1px}.note-rename{flex:1;min-width:0;font-size:1rem;font-weight:600;padding:6px 8px}.icon-btn{background:transparent;border:none;color:var(--muted);font-size:1.2rem;line-height:1;padding:0 6px;cursor:pointer;border-radius:8px;flex-shrink:0}.icon-btn:active{background:var(--surface-2)}.note-menu-wrap{position:relative;flex-shrink:0}.menu{position:absolute;top:100%;right:0;margin-top:4px;z-index:31;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:6px;min-width:140px;display:flex;flex-direction:column;box-shadow:0 10px 30px #00000073}.menu button{background:transparent;border:none;color:var(--text);text-align:left;font-size:.9rem;padding:9px 12px;border-radius:8px;cursor:pointer}.menu button:active{background:var(--surface)}.menu .menu-danger{color:var(--danger)}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.select-bar{position:fixed;left:0;right:0;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#0f1324f5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);z-index:21}.note-card-meta{color:var(--muted);font-size:.78rem;margin-top:4px}.note-card-snippet{margin:8px 0 0;color:#c7cce0;font-size:.88rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tag{font-size:.72rem;color:var(--accent-2);background:#818cf81f;border-radius:6px;padding:2px 8px}.badge{font-size:.68rem;font-weight:700;padding:3px 8px;border-radius:999px;white-space:nowrap;flex-shrink:0}.badge-ok{background:#34d39929;color:var(--ok)}.badge-busy{background:#818cf82e;color:var(--accent-2)}.badge-idle{background:#ffffff14;color:var(--muted)}.badge-err{background:#f43f5e29;color:var(--danger)}.badge-rec{background:#f43f5e33;color:var(--danger)}.record-stage{display:flex;flex-direction:column;align-items:center;gap:18px;padding-top:8px;text-align:center}.record-templates{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.record-center{position:relative;display:grid;place-items:center;width:220px;height:220px;margin-top:10px}.pulse-ring{position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,#f43f5e47,#f43f5e00 70%);transition:transform .1s ease-out;opacity:0}.pulse-ring.on{opacity:1;animation:breathe 2s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.record-button{position:relative;width:120px;height:120px;border-radius:50%;border:5px solid rgba(255,255,255,.18);background:linear-gradient(160deg,#2a3157,#1a2040);display:grid;place-items:center;cursor:pointer}.record-button:disabled{opacity:.6}.rec-dot{width:58px;height:58px;border-radius:50%;background:var(--danger)}.record-button.is-recording{border-color:#f43f5e80}.stop-square{width:44px;height:44px;border-radius:10px;background:var(--danger)}.record-timer{font-size:2.6rem;font-variant-numeric:tabular-nums;font-weight:300;letter-spacing:1px}.record-status{color:var(--muted);min-height:1.2em}.record-status.is-error{color:var(--danger)}.meter{width:min(80%,280px);height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.meter-fill{height:100%;background:linear-gradient(90deg,var(--ok),var(--warn),var(--danger));transition:width .1s ease-out}.record-hint{color:var(--muted);font-size:.82rem;max-width:320px;line-height:1.5}.record-import{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:2px}.mic-check{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(90%,360px);margin-top:4px}.mic-check .meter{width:100%}.mic-bad{color:var(--warn);line-height:1.5;text-align:center}.detail{gap:12px}.back{align-self:flex-start;padding-left:0}.detail-grid{display:flex;flex-direction:column;gap:12px}.detail-left,.detail-right{display:flex;flex-direction:column;gap:12px;min-width:0}@media (min-width: 820px){.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:24px;align-items:start}.detail-right{position:sticky;top:0;max-height:calc(100dvh - var(--tabbar-h) - 32px);overflow-y:auto}}.detail-head{display:flex;align-items:center;gap:10px}.title-input{flex:1;background:transparent;border:none;color:var(--text);font-size:1.4rem;font-weight:700;padding:2px 0;border-bottom:1px solid transparent}.title-input:focus{outline:none;border-bottom-color:var(--line)}.detail-meta{color:var(--muted);font-size:.82rem}.template-row,.actions{display:flex;flex-wrap:wrap;gap:8px}.audio{width:100%;margin-top:4px}.error-card{background:#f43f5e1a;border:1px solid rgba(244,63,94,.35);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.error-card p{margin:0;color:#ffd2d9;font-size:.86rem}.inline-error{color:var(--warn);font-size:.85rem}.summary{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.tldr{margin:0;font-size:1.02rem;line-height:1.5}.section-title{margin:16px 0 8px;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.bullets{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;line-height:1.45}.action-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.action-items li label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.action-items input{margin-top:3px;width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}.action-items li.done span{text-decoration:line-through;color:var(--muted)}.owner{color:var(--accent-2);font-style:normal;font-size:.85em}.speakers{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.speakers .section-title{margin-top:0}.speaker-rows{display:flex;flex-direction:column;gap:8px}.speaker-row{display:flex;align-items:center;gap:10px}.speaker-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.speaker-name-input{flex:1;padding:9px 12px}.transcript{display:flex;flex-direction:column;gap:12px}.segment{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:baseline;padding:6px 8px;border-radius:10px;cursor:pointer}.segment:active{background:var(--surface)}.speaker{grid-column:1;font-weight:700;font-size:.78rem}.timestamp{grid-column:1;color:var(--muted);font-size:.72rem;font-variant-numeric:tabular-nums}.seg-text{grid-column:2;grid-row:1 / span 2;line-height:1.5}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.settings-section{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:.85rem;color:var(--muted)}.field small{color:var(--muted);font-size:.76rem;line-height:1.4}input[type=text],input[type=password],input:not([type]),select{background:var(--bg);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:11px 12px;font-size:.95rem;width:100%}input:focus,select:focus{outline:none;border-color:var(--accent)}.toggle{display:flex;align-items:center;gap:10px;cursor:pointer}.toggle input{width:20px;height:20px;accent-color:var(--accent)}.footer-note{line-height:1.5;padding:0 4px}.diag{color:var(--muted);font-size:.76rem;border-top:1px solid var(--line);padding-top:10px}.diag summary{cursor:pointer}.diag-body{margin-top:8px;display:flex;flex-direction:column;gap:4px}.diag-query{word-break:break-all;opacity:.85}