:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f5f8;--bg-soft:#fff;--bg-card:#fff;--bg-tint:#f1edfe;--border:#e7e9ef;--text:#17181c;--muted:#8a90a0;--accent:#7b5bfa;--accent-hover:#6a4ae8;--danger:#e5484d;--ok:#23985f;--warn:#c47b1c;--radius:16px;--shadow:0 1px 3px #10182812, 0 1px 2px #1018280a}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}h1{letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.7rem;font-weight:800}h2{margin:0 0 .5rem;font-size:1.15rem;font-weight:700}h3{color:var(--accent-hover);margin:1rem 0 .4rem;font-size:1rem}a{color:var(--accent);text-decoration:none}ul{padding-left:1.2rem}.page{max-width:860px;margin:0 auto;padding:1.2rem 1rem 4rem}.center-page{place-items:center;min-height:100dvh;padding:1rem;display:grid}.center-col{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding-top:8vh;display:flex}.nav{border-bottom:1px solid var(--border);background:var(--bg-soft);z-index:10;padding:.7rem 1rem;padding-top:calc(.7rem + env(safe-area-inset-top));justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.nav-brand{color:var(--text);letter-spacing:-.01em;font-size:1.1rem;font-weight:800}.nav-links{align-items:center;gap:1rem;display:flex}.nav-links a{color:var(--muted);font-weight:500}.nav-links a.active{color:var(--text);font-weight:700}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem}button{font:inherit;border:1px solid var(--border);cursor:pointer;background:var(--bg-soft);color:var(--text);border-radius:99px;padding:.55rem 1.1rem;font-weight:600}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:var(--accent-hover)}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}button.secondary:hover{border-color:var(--accent);color:var(--accent-hover)}button:disabled{opacity:.45;cursor:default}button.big{padding:.85rem 2.2rem;font-size:1.05rem}.link-btn{color:var(--accent);background:0 0;border:none;padding:0;font-weight:600}.icon-btn{color:var(--muted);background:0 0;border:none;padding:.2rem .4rem}.icon-btn:hover{color:var(--danger)}input,select{font:inherit;background:var(--bg-soft);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:.6rem .9rem}input:focus,select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #7b5bfa26}input::placeholder{color:#b3b8c4}.row{align-items:center;display:flex}.gap{gap:.6rem}.wrap{flex-wrap:wrap}.muted{color:var(--muted)}.small{font-size:.85rem}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1.2rem;display:flex}.auth-card{text-align:center;flex-direction:column;gap:.8rem;width:min(360px,92vw);padding:1.6rem;display:flex}.brand-title{letter-spacing:-.02em}.meeting-list{flex-direction:column;gap:.7rem;margin:0;padding:0;list-style:none;display:flex}.meeting-row{color:var(--text);justify-content:space-between;align-items:center;display:flex}.meeting-row:hover{border-color:var(--accent)}.empty{text-align:center;padding:3rem 1rem}.badge{color:var(--muted);background:var(--bg);white-space:nowrap;border:none;border-radius:99px;padding:.25rem .7rem;font-size:.75rem;font-weight:700}.badge-ready{color:var(--ok);background:#e6f6ee}.badge-failed{color:var(--danger);background:#fdebec}.badge-transcribing,.badge-uploading{color:var(--accent-hover);background:var(--bg-tint)}.rec-circle{font-variant-numeric:tabular-nums;border:3px solid var(--border);width:160px;height:160px;color:var(--muted);background:var(--bg-soft);box-shadow:var(--shadow);border-radius:50%;place-items:center;font-size:1.6rem;font-weight:800;display:grid}.rec-circle.recording{border-color:var(--danger);color:var(--danger);animation:1.6s infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 16px #e5484d1a}}.title-input{text-align:center;width:min(420px,90vw)}.player{width:100%;margin-bottom:1rem}.speaker-chips{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.chip{background:var(--bg-soft);border-radius:99px;align-items:center;gap:.4rem;padding:.3rem .8rem;font-size:.85rem;display:inline-flex}.dot{border-radius:50%;width:9px;height:9px}.tabs{border-bottom:1px solid var(--border);gap:.4rem;margin-bottom:1rem;display:flex}.tabs button{color:var(--muted);background:0 0;border:none;border-bottom:2.5px solid #0000;border-radius:0;padding:.55rem .9rem;font-weight:600}.tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.tag-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.tag-chip{background:var(--bg-tint);color:var(--accent-hover);border-radius:99px;align-items:center;gap:.3rem;padding:.3rem .8rem;font-size:.85rem;font-weight:600;display:inline-flex}.tag-x{color:var(--accent-hover);background:0 0;border:none;padding:0 .1rem;font-size:1rem;line-height:1}.tag-input{border-radius:99px;width:130px;padding:.35rem .7rem}.tag-mini{color:var(--accent-hover);margin-left:.5rem;font-weight:600}.tpl-form{flex-direction:column;gap:.6rem;display:flex}.tpl-form textarea{font:inherit;background:var(--bg-soft);color:var(--text);border:1px solid var(--border);resize:vertical;border-radius:12px;padding:.6rem .9rem}.tpl-form textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #7b5bfa26}.tpl-list{flex-direction:column;gap:.5rem;margin:0 0 .9rem;padding:0;list-style:none;display:flex}.tpl-row{border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:.8rem;padding:.6rem .9rem;display:flex}.transcript{flex-direction:column;gap:.15rem;display:flex}.turn{cursor:pointer;border-radius:12px;padding:.55rem .6rem}.turn:hover{background:var(--bg-tint)}.turn-speaker{font-size:.95rem;font-weight:700}.turn-time{font-variant-numeric:tabular-nums;margin:.15rem 0;font-size:1.05rem;font-weight:700}.turn-text{margin:0;line-height:1.55}.segment{cursor:pointer;border-radius:10px;grid-template-columns:3.6rem 7.5rem 1fr;gap:.6rem;padding:.4rem .6rem;display:grid}.segment:hover{background:var(--bg-tint)}.seg-time{color:var(--muted);font-variant-numeric:tabular-nums;padding-top:2px;font-size:.8rem}.seg-speaker{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:700;overflow:hidden}.seg-text{line-height:1.5}@media (width<=600px){.segment{grid-template-columns:1fr;gap:.1rem}.seg-time{display:none}}.summary-pane{flex-direction:column;gap:1rem;display:flex}.summary-card ul.actions{padding-left:.2rem;list-style:none}.model-picker{flex-wrap:wrap;gap:.6rem;display:flex}.model-picker select{max-width:min(420px,88vw)}.settings{flex-direction:column;gap:1.2rem;display:flex}.key-row{margin-top:.9rem}.key-row label{margin-bottom:.3rem;font-weight:700;display:block}.key-row input{flex:1}.mfa-qr{border:1px solid var(--border);background:#fff;border-radius:12px;width:180px;height:180px;padding:8px}.divider{border:none;border-top:1px solid var(--border);margin:1.2rem 0}.pw-form{flex-direction:column;gap:.6rem;max-width:380px;display:flex}.pw-rules{flex-direction:column;gap:.25rem;margin:.2rem 0;padding:0;list-style:none;display:flex}.pw-rules li{color:var(--muted);font-size:.85rem;transition:color .25s}.pw-rules li.met{color:var(--ok)}.pw-check{width:1.1em;display:inline-block}.pw-match{color:var(--danger);margin:0;font-size:.85rem;transition:color .25s}.pw-match.met{color:var(--ok)}.export-menu{position:relative}.export-pop{z-index:20;flex-direction:column;gap:.8rem;min-width:280px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.export-group{flex-direction:column;gap:.4rem;display:flex}.export-btn{padding:.35rem .8rem;font-size:.85rem}.task-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.task-list label{cursor:pointer;align-items:flex-start;gap:.6rem;line-height:1.4;display:flex}.task-list input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--accent);margin-top:.15rem}.task-list li.done span{color:var(--muted);text-decoration:line-through}.notice{color:var(--accent-hover);font-size:.9rem}.notice.error{color:var(--danger)}.notice.ok{color:var(--ok)}.spinner{border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:42px;height:42px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}
