:root{--accent:#6366f1;--on-accent:#fff;--accent-2:oklch(from var(--accent) calc(l + .04) c calc(h + 26));--accent-ink:oklch(from var(--accent) max(l, .74) c h);--accent-soft:color-mix(in srgb, var(--accent) 14%, transparent);--accent-softer:color-mix(in srgb, var(--accent) 7%, transparent);--accent-line:color-mix(in srgb, var(--accent) 40%, transparent);--grad:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);--ring:0 0 0 3px color-mix(in srgb, var(--accent) 38%, transparent);--glow:0 10px 28px -12px color-mix(in srgb, var(--accent) 75%, transparent);--bg:#0b0c10;--bg-2:#0f1116;--card:#14161c;--card-2:#1b1e26;--raised:#1a1d24;--field:#0e1015;--line:#fff1;--line-strong:#ffffff1f;--text:#edeef2;--muted:#969cab;--ok:#34d399;--warn:#fbbf24;--bad:#f87171;--danger:#e5484d;--highlight:inset 0 1px 0 #ffffff0a;--shadow:0 12px 32px -20px #000000d9, 0 1px 2px #0000004d;--shadow-pop:0 28px 70px -24px #000c, 0 2px 10px #00000059;--avatar-l:.6;--r-sm:10px;--r:14px;--r-lg:20px;--ease:cubic-bezier(.2, .8, .2, 1);--k:1;--s:1;--rail:calc(90px * var(--s));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Segoe UI Variable Text,Segoe UI,Nirmala UI,Yu Gothic UI,system-ui,sans-serif;font-size:calc(14px * var(--k));color:var(--text);background:var(--bg);line-height:1.45}:root[data-theme=light]{--accent-ink:oklch(from var(--accent) min(l, .5) c h);--accent-soft:color-mix(in srgb, var(--accent) 11%, transparent);--accent-softer:color-mix(in srgb, var(--accent) 5%, transparent);--accent-line:color-mix(in srgb, var(--accent) 35%, transparent);--bg:#f5f6f8;--bg-2:#eef0f4;--card:#fff;--card-2:#f2f4f7;--raised:#fff;--field:#f7f8fa;--line:#0f172a14;--line-strong:#0f172a26;--text:#12141a;--muted:#5b6273;--ok:#059669;--warn:#b45309;--bad:#dc2626;--danger:#dc3a3f;--highlight:none;--shadow:0 10px 28px -18px #0f172a47, 0 1px 2px #0f172a0f;--shadow-pop:0 28px 70px -28px #0f172a61, 0 2px 10px #0f172a14;--avatar-l:.64;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-text=small]{--k:.93}:root[data-text=large]{--k:1.12}:root[data-density=compact]{--s:.72}@media (width<=860px),(height<=600px){:root[data-density=auto]{--s:.72}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;overflow:hidden}#root{z-index:1;position:relative}.away *,.away :before,.away :after{animation-play-state:paused!important}.theme-fade,.theme-fade *,.theme-fade :before,.theme-fade :after{transition:background-color .26s var(--ease), border-color .26s var(--ease), color .26s var(--ease), fill .26s var(--ease), box-shadow .26s var(--ease)!important}::selection{background:color-mix(in srgb, var(--accent) 35%, transparent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);background-clip:padding-box;border:3px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:var(--muted)}::-webkit-scrollbar-track{background:0 0}input,select,textarea{-webkit-user-select:text;user-select:text;font:inherit;color:inherit}select option{background:var(--raised);color:var(--text)}h1,h2{letter-spacing:-.015em;font-family:Segoe UI Variable Display,Segoe UI,Nirmala UI,Yu Gothic UI,system-ui,sans-serif}h1{font-size:calc(26px * var(--k));margin:0 0 calc(18px * var(--s));font-weight:700}h2{font-size:calc(16px * var(--k));align-items:center;gap:9px;margin:0 0 6px;font-weight:650;display:flex}h2 svg{color:var(--accent-ink)}h3{font-size:calc(11.5px * var(--k));color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin:0 0 10px;font-weight:700}p{margin:0 0 10px}kbd{border:1px solid var(--line-strong);background:var(--card-2);color:var(--muted);font:600 calc(11px * var(--k)) "Segoe UI", system-ui, sans-serif;white-space:nowrap;border-bottom-width:2px;border-radius:6px;padding:1px 6px;line-height:1.5;display:inline-block}.muted{color:var(--muted)}.small{font-size:calc(12px * var(--k))}.center{text-align:center}.mono{font-family:Cascadia Mono,Consolas,monospace}.error{color:var(--bad)}.ok-text{color:var(--ok)}.warn-text{color:var(--warn)}.splash{height:100%;font-size:calc(22px * var(--k));background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;place-items:center;font-weight:700;animation:1.4s ease-in-out infinite pulse-text;display:grid}@keyframes pulse-text{50%{opacity:.45}}@keyframes blink{50%{opacity:.35}}@keyframes fade-in{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}@keyframes pop-in{0%{opacity:0;transform:translateY(6px)scale(.98)}}@keyframes unfold{0%{opacity:0;transform:translateY(-4px)}}@keyframes spin{to{transform:rotate(360deg)}}.btn{padding:calc(9px * var(--s)) 18px;border:1px solid var(--line-strong);background:var(--card-2);color:var(--text);font:inherit;white-space:nowrap;cursor:pointer;transition:transform .1s var(--ease), border-color .12s var(--ease), background-color .12s var(--ease), filter .12s var(--ease), box-shadow .12s var(--ease);border-radius:999px;justify-content:center;align-items:center;gap:8px;font-weight:600;display:inline-flex;position:relative}.btn:hover:not(:disabled){border-color:var(--accent-line);background:color-mix(in srgb, var(--card-2) 80%, var(--accent))}.btn:active:not(:disabled){transform:scale(.97)}.btn:focus-visible{box-shadow:var(--ring);outline:none}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--grad);color:var(--on-accent);box-shadow:var(--glow), inset 0 1px 0 #ffffff29;border-color:#0000}.btn.primary:hover:not(:disabled){background:var(--grad);filter:brightness(1.08)}.btn.danger{background:var(--danger);color:#fff;border-color:#0000}.btn.danger:hover:not(:disabled){background:var(--danger);filter:brightness(1.08)}.btn.small{padding:calc(6px * var(--s)) 14px;font-size:calc(13px * var(--k))}.btn.wide{width:100%}.icon-btn{width:32px;height:32px;color:var(--muted);cursor:pointer;transition:background-color .12s var(--ease), color .12s var(--ease), transform .1s var(--ease);background:0 0;border:none;border-radius:10px;flex:none;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--accent-soft);color:var(--text)}.icon-btn:active{transform:scale(.9)}.icon-btn:focus-visible{box-shadow:var(--ring);outline:none}.link,.link-btn{color:var(--accent-ink);font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:2px;padding:0 4px;font-weight:600;display:inline-flex}.link-btn{font-size:calc(13px * var(--k))}.link:hover,.link-btn:hover{text-decoration:underline}.input{width:100%;padding:calc(9px * var(--s)) 12px;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--field);transition:border-color .12s var(--ease), box-shadow .12s var(--ease);outline:none}.input:hover{border-color:var(--accent-line)}.input:focus{border-color:var(--accent);box-shadow:var(--ring)}.input::placeholder{color:var(--muted);opacity:.7}.input.big{font-size:calc(20px * var(--k));letter-spacing:.06em}.field-label{font-size:calc(12px * var(--k));color:var(--muted);margin:calc(14px * var(--s)) 0 6px;font-weight:600;display:block}.check{cursor:pointer;align-items:center;gap:8px;margin:10px 0;display:flex}.check input{accent-color:var(--accent);width:16px;height:16px}.badge{background:var(--danger);color:#fff;min-width:18px;height:18px;font-size:calc(11px * var(--k));animation:pop-in .2s var(--ease);border-radius:9px;place-items:center;padding:0 5px;font-weight:700;display:inline-grid}.pill{font-size:calc(12px * var(--k));white-space:nowrap;border:1px solid #0000;border-radius:99px;align-items:center;gap:4px;padding:3px 10px;display:inline-flex}.pill.warn,.pill.free-time{background:color-mix(in srgb, var(--warn) 14%, transparent);border-color:color-mix(in srgb, var(--warn) 32%, transparent);color:var(--warn)}.pill.talking,.mic.on{color:var(--ok);background:color-mix(in srgb, var(--ok) 12%, transparent);border-color:color-mix(in srgb, var(--ok) 42%, transparent);animation:1.8s ease-in-out infinite talk-glow}@keyframes talk-glow{50%{border-color:color-mix(in srgb, var(--ok) 15%, transparent)}}.pill.secure{color:var(--warn);background:color-mix(in srgb, var(--warn) 12%, transparent);border-color:color-mix(in srgb, var(--warn) 42%, transparent)}.pill.others,.pill.draw-hint{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-ink)}.note{border-radius:var(--r-sm);background:var(--accent-softer);border:1px solid var(--accent-line);color:var(--accent-ink);font-size:calc(13px * var(--k));align-items:center;gap:8px;margin-top:14px;padding:9px 12px;display:flex}.segmented{background:var(--field);border:1px solid var(--line-strong);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.segmented button{padding:calc(6px * var(--s)) 14px;color:var(--muted);font:inherit;font-weight:600;font-size:calc(13px * var(--k));cursor:pointer;transition:background-color .12s var(--ease), color .12s var(--ease);background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;display:inline-flex}.segmented.icons button{padding:calc(6px * var(--s)) 10px}.segmented button:hover{color:var(--text)}.segmented button.on{background:var(--accent);color:var(--on-accent)}.segmented button:focus-visible{box-shadow:var(--ring);outline:none}.toggle-row{padding:calc(12px * var(--s)) 0;border-top:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.toggle-label{font-weight:600;display:block}.hint{font-size:calc(12px * var(--k));color:var(--muted);margin-top:2px;display:block}.toggle-row input{opacity:0;pointer-events:none;position:absolute}.switch{background:var(--line-strong);width:42px;height:24px;transition:background-color .15s var(--ease);border-radius:12px;flex:none;position:relative}.switch:after{content:"";width:18px;height:18px;transition:transform .18s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000059}.toggle-row input:checked+.switch{background:var(--accent)}.toggle-row input:checked+.switch:after{transform:translate(18px)}.toggle-row input:focus-visible+.switch{box-shadow:var(--ring)}.spin{color:var(--accent-ink);animation:1s linear infinite spin}.shell{grid-template-columns:var(--rail) 1fr;height:100%;display:grid}.rail{align-items:center;gap:calc(6px * var(--s));padding:calc(14px * var(--s)) 8px calc(12px * var(--s));background:var(--bg-2);border-right:1px solid var(--line);flex-direction:column;min-width:0;display:flex}.rail-logo{width:44px;height:44px;margin-bottom:calc(12px * var(--s));place-items:center;display:grid}.rail-item{width:100%;padding:calc(6px * var(--s)) 2px;color:var(--muted);font:inherit;font-size:calc(10.5px * var(--k));cursor:pointer;transition:color .12s var(--ease);background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:4px;font-weight:600;display:flex;position:relative}.rail-icon{width:46px;height:calc(34px * var(--s) + 4px);transition:background-color .12s var(--ease), color .12s var(--ease);border-radius:12px;place-items:center;display:grid}.nav-label{-webkit-line-clamp:2;text-align:center;overflow-wrap:anywhere;-webkit-box-orient:vertical;max-width:100%;padding-bottom:1px;line-height:1.3;display:-webkit-box;overflow:hidden}.rail-item:hover{color:var(--text)}.rail-item:hover .rail-icon{background:var(--card-2)}.rail-item.active{color:var(--text)}.rail-item.active .rail-icon{background:var(--accent);color:var(--on-accent);box-shadow:var(--glow)}.rail-item:focus-visible{outline:none}.rail-item:focus-visible .rail-icon{box-shadow:var(--ring)}:root[data-density=compact] .rail .nav-label{display:none}@media (width<=860px),(height<=600px){:root[data-density=auto] .rail .nav-label{display:none}}.rail-foot{flex-direction:column;align-items:center;gap:6px;margin-top:auto;display:flex}.rail-tool{border:1px solid var(--line);background:var(--card);width:40px;height:40px;color:var(--muted);cursor:pointer;transition:color .12s var(--ease), border-color .12s var(--ease);border-radius:12px;place-items:center;display:grid}.rail-tool:hover{color:var(--text);border-color:var(--accent-line)}.rail-tool:focus-visible{box-shadow:var(--ring);outline:none}.theme-icon{animation:spin-in .3s var(--ease);place-items:center;display:grid}.theme-icon.light{color:#f59e0b}@keyframes spin-in{0%{opacity:0;transform:rotate(-90deg)scale(.6)}}.content{flex-direction:column;min-width:0;min-height:0;display:flex}.page{padding:calc(28px * var(--s)) calc(34px * var(--s)) calc(34px * var(--s));animation:rise .16s var(--ease) backwards;flex:1;overflow:auto}.page>*{max-width:1180px}.page-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.page-head h1{margin:0}.statusbar{padding:calc(6px * var(--s)) 16px;border-top:1px solid var(--line);background:var(--bg-2);font-size:calc(12px * var(--k));color:var(--muted);align-items:center;gap:9px;min-height:34px;display:flex}.statusbar .dot{background:var(--warn);border-radius:50%;flex:none;width:8px;height:8px;animation:1.2s ease-in-out infinite blink}.statusbar.ok .dot{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 22%, transparent);animation:none}.statusbar.bad .dot{background:var(--bad)}.status-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status-right{white-space:nowrap;align-items:center;gap:12px;margin-left:auto;display:flex}.status-keys{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;display:inline-flex}.status-keys:hover{color:var(--text)}@media (width<=760px){.status-keys,.statusbar .version{display:none}}.hero{padding:calc(26px * var(--s)) calc(28px * var(--s)) calc(20px * var(--s));border-radius:var(--r-lg);border:1px solid var(--accent-line);background:radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, var(--accent-2) 16%, transparent), transparent 55%), radial-gradient(90% 120% at 0% 100%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 60%), var(--card);box-shadow:var(--shadow), var(--highlight);animation:rise .18s var(--ease) backwards;position:relative}.hero-head{margin-bottom:calc(18px * var(--s));align-items:center;gap:14px;display:flex}.hero-head h1{font-size:calc(24px * var(--k));margin:0 0 2px}.hero-head p{margin:0}.hero-icon{background:var(--grad);width:46px;height:46px;color:var(--on-accent);box-shadow:var(--glow);border-radius:14px;flex:none;place-items:center;display:grid}.connect-bar{border:1px solid var(--line-strong);background:var(--field);box-shadow:var(--highlight);transition:border-color .12s var(--ease), box-shadow .12s var(--ease);border-radius:999px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) auto;align-items:stretch;padding:6px;display:grid}.connect-bar:focus-within{border-color:var(--accent);box-shadow:var(--ring)}.cb-field{min-width:0;padding:calc(6px * var(--s)) 22px;cursor:text;transition:background-color .12s var(--ease);border-radius:999px;flex-direction:column;justify-content:center;display:flex;position:relative}.cb-field+.cb-field:before{content:"";background:var(--line-strong);width:1px;position:absolute;top:22%;bottom:22%;left:0}.cb-field:hover{background:var(--accent-softer)}.cb-field:focus-within{background:var(--card-2)}.cb-field:focus-within:before,.cb-field:focus-within+.cb-field:before{opacity:0}.cb-label{font-size:calc(11px * var(--k));letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700}.cb-field input{width:100%;min-width:0;font-size:calc(19px * var(--k));background:0 0;border:none;outline:none;padding:2px 0 0}.cb-field.id-field input{font-size:calc(22px * var(--k));letter-spacing:.06em;font-weight:600}.cb-field input::placeholder{color:var(--muted);opacity:.5}.cb-go{padding:0 calc(26px * var(--s) + 4px);min-height:calc(52px * var(--s) + 6px);background:var(--grad);color:var(--on-accent);font:inherit;font-size:calc(15px * var(--k));cursor:pointer;box-shadow:var(--glow), inset 0 1px 0 #ffffff2e;transition:filter .12s var(--ease), transform .1s var(--ease);border:none;border-radius:999px;align-items:center;gap:8px;font-weight:700;display:inline-flex}.cb-go:hover{filter:brightness(1.08)}.cb-go:active{transform:scale(.97)}.cb-go:focus-visible{box-shadow:var(--ring);outline:none}.cb-go svg{transition:transform .15s var(--ease)}.cb-go:hover svg{transform:translate(3px)}@media (width<=720px){.connect-bar{border-radius:var(--r-lg);grid-template-columns:1fr}.cb-field{border-radius:var(--r)}.cb-field+.cb-field:before{width:auto;height:1px;inset:0 16px auto}.cb-go{border-radius:var(--r);justify-content:center}}.hero-foot{justify-content:space-between;align-items:center;margin-top:8px;padding:0 14px;display:flex}.hero-foot .check{font-size:calc(13px * var(--k));color:var(--muted);margin:4px 0}.hero-hint{color:var(--muted);font-size:calc(12px * var(--k))}.hero-note{align-items:center;gap:6px;margin:6px 14px 0;display:flex}.home-grid{gap:calc(18px * var(--s));margin-top:calc(18px * var(--s));grid-template-columns:1fr;align-items:start;display:grid}.home-grid:has(.strip){grid-template-columns:minmax(290px,380px) minmax(0,1fr)}@media (width<=900px){.home-grid:has(.strip){grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:calc(20px * var(--s)) calc(22px * var(--s));box-shadow:var(--shadow), var(--highlight);animation:rise .18s var(--ease) backwards;position:relative}.card-head{color:var(--accent-ink);align-items:center;gap:9px;margin-bottom:4px;display:flex}.card-head h2{color:var(--text);margin:0}.credential{margin-top:calc(12px * var(--s));padding:calc(10px * var(--s)) 10px calc(10px * var(--s)) 16px;border-radius:var(--r);background:var(--field);border:1px solid var(--line);transition:border-color .12s var(--ease);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label actions""value actions";align-items:center;column-gap:8px;display:grid}.credential:hover{border-color:var(--accent-line)}.cred-label{font-size:calc(11px * var(--k));letter-spacing:.06em;text-transform:uppercase;color:var(--muted);grid-area:label;font-weight:700}.credential .mono{-webkit-user-select:text;user-select:text;white-space:nowrap;text-overflow:ellipsis;grid-area:value;overflow:hidden}.cred-actions{grid-area:actions;gap:2px;display:flex}.credential .id{font-size:calc(clamp(22px, 2.6vw, 28px) * var(--k));letter-spacing:.05em;background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:700}.credential .pw{font-size:calc(21px * var(--k));letter-spacing:.12em}.guard{border-radius:var(--r);background:color-mix(in srgb, var(--warn) 10%, transparent);border:1px solid color-mix(in srgb, var(--warn) 30%, transparent);align-items:flex-start;gap:10px;margin-top:12px;padding:10px 12px;display:flex}.guard p{margin:0 0 6px}.strip{min-width:0;animation:rise .18s var(--ease) backwards}.strip-head{margin:2px 2px calc(10px * var(--s));justify-content:space-between;align-items:center;display:flex}.strip-head h2{margin:0}.strip-list{gap:calc(10px * var(--s));grid-template-columns:repeat(auto-fill,minmax(190px,1fr));margin:0;padding:0;list-style:none;display:grid}.strip-item{padding:calc(10px * var(--s)) 10px calc(10px * var(--s)) 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);box-shadow:var(--shadow), var(--highlight);transition:border-color .12s var(--ease), background-color .12s var(--ease);align-items:center;gap:6px;display:flex}.strip-item:hover{border-color:var(--accent-line);background:color-mix(in srgb, var(--card) 92%, var(--accent))}.strip-main{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:11px;padding:0;display:flex}.strip-text,.recent-text{min-width:0;line-height:1.3;display:grid}.strip-name{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.strip-go{border:1px solid var(--line-strong);background:var(--card-2);width:34px;height:34px;color:var(--text);cursor:pointer;transition:background-color .12s var(--ease), color .12s var(--ease), border-color .12s var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.strip-item:hover .strip-go,.strip-go:focus-visible{background:var(--accent);color:var(--on-accent);border-color:#0000;outline:none}.avatar-wrap{flex:none;display:inline-grid;position:relative}.avatar-badge{width:var(--size,40px);height:var(--size,40px);background:linear-gradient(145deg, oklch(calc(var(--avatar-l) + .06) .14 var(--hue)), oklch(var(--avatar-l) .15 calc(var(--hue) + 25)));color:#fff;font-weight:700;font-size:calc(var(--size,40px) * .36);letter-spacing:.02em;text-shadow:0 1px 2px #00000040;border-radius:32%;place-items:center;display:grid}.presence{background:var(--muted);opacity:.45;width:9px;height:9px;transition:background-color .3s var(--ease), opacity .3s var(--ease);border-radius:50%;flex:none}.avatar-wrap .presence{border:2.5px solid var(--card);opacity:1;background:color-mix(in srgb, var(--muted) 70%, var(--card));width:12px;height:12px;position:absolute;bottom:-3px;right:-3px}.presence.unknown{animation:1.4s ease-in-out infinite blink}.presence.online{background:var(--ok);opacity:1}.presence.offline{opacity:.7}.book-head{margin-bottom:calc(14px * var(--s));flex-wrap:wrap;align-items:center;gap:10px;display:flex}.book-head h1{margin:0 auto 0 0}.book-search{border:1px solid var(--line-strong);background:var(--field);max-width:340px;color:var(--muted);transition:border-color .12s var(--ease), box-shadow .12s var(--ease);border-radius:999px;flex:220px;align-items:center;gap:8px;padding:0 14px;display:flex}.book-search:focus-within{border-color:var(--accent);box-shadow:var(--ring);color:var(--accent-ink)}.book-search input{min-width:0;padding:calc(8px * var(--s)) 0;color:var(--text);background:0 0;border:none;outline:none;flex:1}.book-views{margin-bottom:calc(16px * var(--s));flex-wrap:wrap;gap:6px;display:flex}.book-view{padding:calc(6px * var(--s)) 13px;border:1px solid var(--line-strong);color:var(--muted);font:inherit;font-size:calc(13px * var(--k));cursor:pointer;transition:background-color .12s var(--ease), border-color .12s var(--ease), color .12s var(--ease);background:0 0;border-radius:999px;align-items:center;gap:7px;font-weight:600;display:inline-flex}.book-view:hover{color:var(--text);border-color:var(--accent-line)}.book-view.group{border-style:dashed}.book-view.on{background:var(--accent);color:var(--on-accent);border-color:#0000}.book-view .count{background:var(--card-2);min-width:18px;font-size:calc(11px * var(--k));text-align:center;border-radius:999px;padding:0 5px}.book-view.on .count{background:color-mix(in srgb, var(--on-accent) 22%, transparent)}.book .recent ul{margin:0;padding:0;list-style:none}.book-group+.book-group{margin-top:calc(18px * var(--s))}.book-group{animation:rise .18s var(--ease) backwards}.book-group-name{color:var(--muted);font-size:calc(11px * var(--k));text-transform:uppercase;letter-spacing:.1em;margin:0 0 8px 4px;font-weight:700}.recent-row{align-items:center;gap:8px;display:flex;position:relative}.recent-main{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:12px;padding:0;display:flex}.recent-name{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.recent-note{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recent-when{white-space:nowrap}.btn.go{padding:calc(6px * var(--s)) 16px}.star.on{color:#fbbf24}.bell.on{color:var(--accent-ink);background:var(--accent-soft)}.star.on svg{fill:currentColor;animation:pop-in .2s var(--ease)}.book.list .recent ul{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);box-shadow:var(--shadow), var(--highlight);overflow:hidden}.book.list .recent-row{padding:calc(9px * var(--s)) 12px calc(9px * var(--s)) 8px;transition:background-color .12s var(--ease)}.book.list .recent-row+.recent-row,.book.list .recent-row+.book-editor,.book.list .book-editor+.recent-row{border-top:1px solid var(--line)}.book.list .recent-row:hover{background:var(--accent-softer)}.book.list .recent-row .avatar-badge{--size:34px!important}.book.tiles .recent ul{gap:calc(12px * var(--s));grid-template-columns:repeat(auto-fill,minmax(310px,1fr));display:grid}.book.tiles .recent-row{padding:calc(14px * var(--s)) 12px calc(12px * var(--s)) 16px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);box-shadow:var(--shadow), var(--highlight);transition:border-color .12s var(--ease);flex-wrap:wrap;align-items:center}.book.tiles .recent-row:hover{border-color:var(--accent-line)}.book.tiles .recent-main{margin-bottom:calc(10px * var(--s));flex:100%;order:-1;padding-right:34px}.book.tiles .star{position:absolute;top:10px;right:10px}.book.tiles .recent-when{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.book.tiles .book-editor{border-radius:var(--r-lg);border:1px solid var(--accent-line);grid-column:1/-1}.book-editor{background:linear-gradient(180deg, var(--accent-softer), transparent), var(--card);animation:unfold .16s var(--ease);padding:16px}.book .recent>ul:first-child:has(>.book-editor){margin-bottom:calc(14px * var(--s))}.book-note{font-size:calc(12px * var(--k));color:var(--muted);gap:4px;display:grid}.book-note textarea{resize:vertical}.book-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.book-notes{gap:4px;margin-top:8px;display:grid}.book-notes ul{gap:6px;max-height:160px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.book-notes li{background:var(--accent-softer);font-size:calc(13px * var(--k));border-radius:8px;gap:2px;padding:6px 10px;display:grid}.wake-msg{margin:10px 2px 0}.grid2{grid-template-columns:1fr 1fr;gap:10px 14px;margin-bottom:12px;display:grid}.grid2 label{font-size:calc(12px * var(--k));color:var(--muted);gap:4px;display:grid}.settings-layout{gap:calc(32px * var(--s));grid-template-columns:200px minmax(0,780px);align-items:start;display:grid}.settings-index{padding-top:calc(52px * var(--k));gap:2px;display:grid;position:sticky;top:0}.settings-index button{padding:calc(7px * var(--s)) 12px;color:var(--muted);font:inherit;font-size:calc(13px * var(--k));text-align:left;cursor:pointer;transition:background-color .12s var(--ease), color .12s var(--ease);background:0 0;border:none;border-radius:10px;font-weight:600;position:relative}.settings-index button:hover{color:var(--text);background:var(--card-2)}.settings-index button.on{color:var(--text);background:var(--accent-soft)}.settings-index button.on:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0}@media (width<=900px){.settings-layout{grid-template-columns:minmax(0,1fr)}.settings-index{display:none}}.settings .group{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:calc(18px * var(--s)) calc(22px * var(--s));margin-bottom:calc(16px * var(--s));box-shadow:var(--shadow), var(--highlight);animation:rise .18s var(--ease) backwards;scroll-margin-top:16px}.settings .group h3{color:var(--accent-ink)}.settings .row{padding:calc(9px * var(--s)) 0;justify-content:space-between;align-items:center;gap:16px;display:flex}.settings .row+.row{border-top:1px solid var(--line)}.settings .row .input{max-width:280px}.subgroup{border-top:1px solid var(--line);padding-top:11px}.trusted-list{margin:4px 0 0;padding:0;list-style:none}.inline-form{gap:8px;margin-bottom:6px;display:flex}.radio-row{gap:20px;display:flex}.radio-row input{accent-color:var(--accent)}.settings .row.accent-row{flex-direction:column;align-items:stretch;gap:10px}.accents{flex-wrap:wrap;gap:10px;padding:2px 4px 4px;display:flex}.accent-swatch{background:var(--swatch);color:#fff;cursor:pointer;width:26px;height:26px;transition:transform .12s var(--ease), box-shadow .12s var(--ease);border:none;border-radius:50%;place-items:center;padding:0;display:grid;position:relative;box-shadow:inset 0 0 0 1px #00000026}.accent-swatch svg{filter:drop-shadow(0 0 1px #000000b3)}.accent-swatch:hover{transform:scale(1.12)}.accent-swatch.on{box-shadow:0 0 0 2px var(--card), 0 0 0 4px var(--swatch)}.accent-swatch.windows{--swatch:var(--accent);background:conic-gradient(from 45deg,#0078d4,#00b7c3,#10893e,#ffb900,#e74856,#881798,#0078d4)}.accent-swatch.windows.on{background:var(--accent)}.accent-swatch.custom{outline:2px dashed var(--line-strong);outline-offset:2px;overflow:hidden}.accent-swatch.custom.on{outline:none}.accent-swatch.custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.accent-swatch:focus-visible{box-shadow:0 0 0 2px var(--card), 0 0 0 4px var(--text);outline:none}.accent-swatch:has(input:focus-visible){box-shadow:0 0 0 2px var(--card), 0 0 0 4px var(--text);outline:none}.licence-status{border-radius:var(--r);background:var(--accent-softer);border:1px solid var(--accent-line);align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.licence-status>div{gap:4px;display:grid}.licence-status svg{color:var(--accent-ink);flex:none;margin-top:2px}.licence-status.licensed,.licence-status.personal{background:color-mix(in srgb, var(--ok) 10%, transparent);border-color:color-mix(in srgb, var(--ok) 40%, transparent)}.licence-status.licensed svg,.licence-status.personal svg{color:var(--ok)}.licence-status.free{background:color-mix(in srgb, var(--warn) 10%, transparent);border-color:color-mix(in srgb, var(--warn) 40%, transparent)}.licence-status.free svg{color:var(--warn)}.licence-pc{font-size:calc(16px * var(--k));letter-spacing:.06em;align-items:center;gap:4px;display:inline-flex}.licence-key{grid-template-columns:1fr auto;align-items:end;gap:8px;margin-top:8px;display:grid}.licence-key .field-label{grid-column:1/-1}.licence-key textarea{resize:vertical;font-size:calc(12px * var(--k));word-break:break-all}.licence-badge{border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--accent-ink);font:inherit;font-size:calc(12px * var(--k));cursor:pointer;border-radius:99px;align-items:center;gap:6px;padding:2px 10px;display:inline-flex}.licence-badge.free{border-color:color-mix(in srgb, var(--warn) 45%, transparent);background:color-mix(in srgb, var(--warn) 12%, transparent);color:var(--warn)}.strength{background:var(--line);border-radius:2px;height:4px;margin:6px 0 2px;overflow:hidden}.strength>span{height:100%;transition:width .2s var(--ease);display:block}.netcheck{margin:10px 0 0;padding:0;list-style:none}.netcheck li{align-items:flex-start;gap:8px;padding:6px 0;display:flex}.netcheck li+li{border-top:1px solid var(--line)}.log>p{margin-top:6px}.table{width:100%;margin-top:calc(14px * var(--s));border-collapse:separate;border-spacing:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow), var(--highlight);animation:rise .18s var(--ease) backwards;overflow:hidden}.table th,.table td{text-align:left;padding:calc(11px * var(--s)) 16px;border-bottom:1px solid var(--line)}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background-color .12s var(--ease)}.table tbody tr:hover{background:var(--accent-softer)}.table th{font-size:calc(11px * var(--k));letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--bg-2);font-weight:700}.result.connected{color:var(--ok)}.result.wrong-password,.result.locked,.result.intercepted,.result.blocked{color:var(--bad)}.log-action{white-space:nowrap;text-align:right;width:1%}.modal-back{z-index:40;animation:fade-in .15s var(--ease);background:#04060c94;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--raised);border:1px solid var(--line-strong);border-radius:var(--r-lg);width:min(450px,92vw);box-shadow:var(--shadow-pop);animation:pop-in .18s var(--ease);padding:24px}.modal h2{font-size:calc(18px * var(--k))}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.modal.safety{border-color:color-mix(in srgb, var(--warn) 45%, transparent);width:min(530px,94vw);max-height:94vh;overflow-y:auto}.modal.safety h2{color:var(--warn)}.safety-box{border-radius:var(--r);background:color-mix(in srgb, var(--warn) 10%, transparent);border:1px solid color-mix(in srgb, var(--warn) 30%, transparent);margin:12px 0;padding:12px 14px}.safety-box ul{margin:0;padding-left:18px}.safety-box li+li{margin-top:6px}.restart-problems{color:var(--warn);font-size:calc(13px * var(--k));gap:6px;margin:0;padding-left:18px;display:grid}.palette-back{z-index:60;animation:fade-in .12s var(--ease);background:#04060c80;justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0}.palette{border-radius:var(--r-lg);border:1px solid var(--line-strong);background:var(--raised);width:min(640px,92vw);max-height:70vh;box-shadow:var(--shadow-pop);animation:pop-in .14s var(--ease);flex-direction:column;display:flex;overflow:hidden}.palette-search{border-bottom:1px solid var(--line);color:var(--accent-ink);align-items:center;gap:12px;padding:14px 16px;display:flex}.palette-search input{min-width:0;font-size:calc(16px * var(--k));background:0 0;border:none;outline:none;flex:1}.palette-list{margin:0;padding:6px;list-style:none;overflow:auto}.palette-list li{cursor:pointer;border-radius:10px;grid-template-columns:26px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:9px 10px;display:grid}.palette-list li.on{background:var(--accent-soft)}.palette-list li.on .palette-icon{color:var(--accent-ink)}.palette-icon{color:var(--muted);place-items:center;display:grid}.palette-swatch{border-radius:50%;width:14px;height:14px}.palette-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.palette-group{font-size:calc(12px * var(--k));color:var(--muted);white-space:nowrap}.palette-list .palette-empty{color:var(--muted);text-align:center;cursor:default;padding:18px;display:block}.panel{background:var(--bg);height:100%;animation:rise .16s var(--ease) backwards;flex-direction:column;gap:12px;padding:14px;display:flex}.panel-head{align-items:center;gap:12px;display:flex}.avatar{background:var(--grad);width:42px;height:42px;color:var(--on-accent);font-weight:700;font-size:calc(18px * var(--k));box-shadow:var(--glow);border-radius:32%;flex:none;place-items:center;display:grid}.panel-who{min-width:0;display:grid}.panel-who strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.panel-notice{font-size:calc(13px * var(--k))}.panel-viewers{gap:12px;display:grid}.panel-viewers.many{gap:0;max-height:46%;overflow-y:auto}.partner{border-radius:var(--r);background:var(--card);border:1px solid var(--line);gap:10px;padding:12px;display:grid}.panel-viewers.many .partner{background:0 0;border:none;border-radius:0;padding:8px 0}.panel-viewers.many .partner+.partner{border-top:1px solid var(--line)}.panel-viewers.many .perm{flex-direction:row;justify-content:center;padding:5px 4px}.bubble-from{font-size:calc(11px * var(--k));opacity:.8}.panel-head .trust{margin-left:auto}.panel-head .trust.on{color:var(--ok)}.panel-lost{border-radius:var(--r-sm);border:1px solid color-mix(in srgb, var(--warn) 45%, transparent);background:color-mix(in srgb, var(--warn) 10%, transparent);color:var(--warn);font-size:calc(13px * var(--k));align-items:center;gap:8px;padding:8px 10px;animation:1.6s ease-in-out infinite blink;display:flex}.panel-confirm{border-radius:var(--r-sm);border:1px solid color-mix(in srgb, var(--bad) 45%, transparent);background:color-mix(in srgb, var(--bad) 10%, transparent);animation:unfold .16s var(--ease);gap:8px;padding:10px;display:grid}.panel-confirm-actions{justify-content:flex-end;gap:8px;display:flex}.perm-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.perm{text-align:center;overflow-wrap:anywhere;border:1px solid var(--line-strong);min-width:0;color:var(--muted);line-height:1.2;font:inherit;font-size:calc(12px * var(--k));cursor:pointer;transition:background-color .12s var(--ease), border-color .12s var(--ease), color .12s var(--ease), transform .1s var(--ease);background:0 0;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;text-decoration:line-through;display:flex}.perm:hover{border-color:var(--accent-line)}.perm:active{transform:scale(.96)}.perm.on{color:var(--text);border-color:var(--accent-line);background:var(--accent-soft);text-decoration:none}.perm.on svg{color:var(--accent-ink)}.tabs{background:var(--card);border:1px solid var(--line);border-radius:999px;gap:4px;padding:3px;display:flex}.tabs button{color:var(--muted);font:inherit;cursor:pointer;transition:background-color .12s var(--ease), color .12s var(--ease);background:0 0;border:none;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-weight:600;display:flex}.tabs button:hover{color:var(--text)}.tabs button.active{color:var(--text);background:var(--accent-soft)}.panel-body{flex-direction:column;flex:1;min-height:0;display:flex}.panel-files{align-content:start;gap:8px;display:grid;overflow:auto}.btn.end{flex:none}.panel-actions{gap:8px;display:flex}.panel-actions .btn.end{flex:1}.panel-actions .mic{flex:none}.talking-tag{color:var(--ok)}.talking-tag svg{vertical-align:-2px}.free-tag{color:var(--warn)}.chat{flex-direction:column;flex:1;min-height:0;display:flex}.chat-lines{flex-direction:column;flex:1;gap:7px;padding:8px 2px;display:flex;overflow:auto}.bubble{-webkit-user-select:text;user-select:text;overflow-wrap:anywhere;max-width:85%;animation:pop-in .16s var(--ease);border-radius:16px;gap:2px;padding:8px 12px;display:grid}.bubble time{font-size:calc(10px * var(--k));opacity:.7}.bubble.me{background:var(--accent);color:var(--on-accent);border-bottom-right-radius:5px;align-self:flex-end}.bubble.them{background:var(--card-2);border:1px solid var(--line);border-bottom-left-radius:5px;align-self:flex-start}.chat-input{gap:6px;padding-top:6px;display:flex}.chat-input input{border:1px solid var(--line-strong);background:var(--field);min-width:0;transition:border-color .12s var(--ease), box-shadow .12s var(--ease);border-radius:999px;outline:none;flex:1;padding:9px 14px}.chat-input input:focus{border-color:var(--accent);box-shadow:var(--ring)}.transfers{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.transfer{border-radius:var(--r);background:var(--card);border:1px solid var(--line);font-size:calc(13px * var(--k));animation:rise .18s var(--ease);padding:10px 12px}.transfer.failed{border-color:color-mix(in srgb, var(--bad) 50%, transparent)}.transfer-top{justify-content:space-between;gap:8px;display:flex}.transfer-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bar{background:var(--line);border-radius:2px;height:4px;margin-top:7px;overflow:hidden}.bar div{background:var(--grad);height:100%;transition:width .3s var(--ease);border-radius:2px}.viewer-message{background:radial-gradient(60% 50% at 50% 0%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 70%), var(--bg);place-items:center;height:100%;display:grid}.viewer-card{text-align:center;background:var(--raised);border:1px solid var(--line-strong);width:min(460px,92vw);box-shadow:var(--shadow-pop);animation:pop-in .2s var(--ease);border-radius:24px;justify-items:center;gap:12px;padding:32px;display:grid;position:relative}.viewer-card h2{font-size:calc(19px * var(--k));margin:0}.retry{gap:8px;width:100%;display:flex}.session-note{text-align:left;gap:6px;width:100%;display:grid}.session-note .field-label{align-items:center;gap:6px;display:flex}.session-note textarea{resize:vertical}.session-note .btn{justify-self:end}.note-saved{animation:unfold .16s var(--ease);align-items:center;gap:6px;margin:0;display:flex}.viewer-tabs{flex-direction:column;height:100%;display:flex}.tab-body{flex:1;min-height:0;position:relative}.session-tabs{background:var(--bg);border-bottom:1px solid var(--line);gap:4px;padding:6px 8px;display:flex;overflow-x:auto}body:has(.session.full) .session-tabs{display:none}.session-tab{max-width:230px;color:var(--muted);transition:background-color .12s var(--ease), color .12s var(--ease);animation:unfold .16s var(--ease);border:1px solid #0000;border-radius:999px;align-items:center;display:flex}.session-tab:hover{background:var(--card-2);color:var(--text)}.session-tab.on{background:var(--accent-soft);border-color:var(--accent-line);color:var(--text)}.session-tab-main{min-width:0;color:inherit;font:inherit;font-size:calc(13px * var(--k));cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:6px 4px 6px 12px;font-weight:600;display:flex}.session-tab-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tab-close{opacity:.6;border-radius:50%;width:26px;height:26px;margin-right:3px}.tab-close:hover{opacity:1}.tab-dot{background:var(--muted);border-radius:50%;flex:none;width:7px;height:7px}.tab-dot.live{background:var(--ok)}.tab-dot.wait{background:var(--warn);animation:1.2s ease-in-out infinite blink}.session{background:#05070b;flex-direction:column;height:100%;display:flex;position:relative}.toolbar{background:var(--bg-2);border-bottom:1px solid var(--line);z-index:3;align-items:center;gap:10px;padding:6px 10px;display:flex;position:relative}.tb-who{min-width:0;line-height:1.2;display:grid}.tb-who .mono{white-space:nowrap}.tb-who strong{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.stats{font-size:calc(12px * var(--k));color:var(--ok);white-space:nowrap}.stats.slow{color:var(--warn)}.tb-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.tb-group{background:var(--card);border:1px solid var(--line);border-radius:12px;align-items:center;gap:1px;padding:2px;display:flex}.tb-btn{width:34px;height:32px;color:var(--text);cursor:pointer;transition:background-color .12s var(--ease), border-color .12s var(--ease), color .12s var(--ease), transform .1s var(--ease);background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;display:grid;position:relative}.tb-btn:hover:not(:disabled){background:var(--accent-soft)}.tb-btn:active:not(:disabled){transform:scale(.92)}.tb-btn.on{color:var(--accent-ink);background:var(--accent-soft);border-color:var(--accent-line)}.tb-btn:disabled{opacity:.35;cursor:default}.tb-btn:focus-visible{box-shadow:var(--ring);outline:none}.tb-btn .badge{position:absolute;top:-3px;right:-3px}.tb-btn.danger{color:#fff;background:var(--danger);width:auto;height:36px;font:inherit;font-weight:600;font-size:calc(13px * var(--k));border-radius:999px;align-items:center;gap:6px;margin-left:4px;padding:0 14px;display:inline-flex}.tb-btn.danger:hover:not(:disabled){background:var(--danger);filter:brightness(1.1)}@media (width<=1220px){.tb-label{display:none}.tb-btn.danger{justify-content:center;width:36px;padding:0}}.tb-select{color:var(--muted);align-items:center;gap:4px;padding:0 2px;display:flex}.tb-select select{color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;outline:none;padding:5px 6px}.tb-select select:hover,.tb-select select:focus{background:var(--accent-soft)}.toolbar.dock{top:0;left:var(--dock-x,50%);border:1px solid var(--line-strong);background:var(--raised);width:max-content;max-width:calc(100vw - 24px);box-shadow:var(--shadow-pop);transition:transform .18s var(--ease);z-index:20;border-radius:18px;gap:8px;padding:6px 8px 6px 4px;position:fixed;transform:translate(-50%,calc(2px - 100%))}.toolbar.dock:before{content:"";z-index:-1;position:absolute;inset:-12px 0 -18px}.toolbar.dock:after{content:"";background:var(--accent);opacity:.85;width:54px;height:5px;transition:opacity .18s var(--ease);border-radius:3px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.toolbar.dock:hover,.toolbar.dock:focus-within,.toolbar.dock.pinned{transform:translate(-50%,8px)}.toolbar.dock:hover:after,.toolbar.dock:focus-within:after,.toolbar.dock.pinned:after{opacity:0}.toolbar.dock .tb-who{flex:none}.toolbar.dock .tb-who strong{max-width:140px}.toolbar.dock .tb-who .mono{display:none}.dock-grip{width:20px;height:32px;color:var(--muted);cursor:grab;touch-action:none;background:0 0;border:none;border-radius:8px;place-items:center;padding:0;display:grid}.dock-grip:hover{color:var(--text);background:var(--card-2)}.dock-grip:active{cursor:grabbing}.menu-wrap{position:relative}.menu{background:var(--raised);border:1px solid var(--line-strong);min-width:250px;box-shadow:var(--shadow-pop);z-index:5;transform-origin:100% 0;animation:unfold .12s var(--ease);border-radius:16px;padding:6px;display:grid;position:absolute;top:42px;right:0}.menu hr{border:none;border-top:1px solid var(--line);margin:4px 2px}.menu-head{font-size:calc(11px * var(--k));letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:6px 10px 2px;font-weight:700}.menu-note{font-size:calc(12px * var(--k));color:var(--muted);padding:4px 10px 6px}.menu-scroll{max-height:260px;display:grid;overflow:auto}.menu button{text-align:left;color:var(--text);font:inherit;cursor:pointer;transition:background-color .1s var(--ease);background:0 0;border:none;border-radius:10px;align-items:center;gap:9px;padding:8px 10px;display:flex}.menu button:hover{background:var(--accent-soft)}.menu button:disabled{cursor:default;opacity:.55}.menu button[aria-checked=true]:disabled{opacity:1;color:var(--accent-ink)}.menu-check{width:14px;color:var(--ok);display:inline-flex}.stage-row{flex:1;min-height:0;display:flex}.stage{flex:1;min-width:0;position:relative;overflow:hidden}.stage.fit video{object-fit:contain;width:100%;height:100%;display:block}.stage.actual{overflow:auto}.stage.actual video{height:auto;display:block}.stage video{animation:fade-in .3s var(--ease);background:#000;outline:none}.stage video.control{cursor:default}.stage-wait{color:var(--muted);pointer-events:none;place-items:center;animation:1.6s ease-in-out infinite blink;display:grid;position:absolute;inset:0}.stage-overlay{pointer-events:none;gap:8px;width:310px;display:grid;position:absolute;bottom:12px;right:12px}.stage-overlay>*{pointer-events:auto}.draw-bar{z-index:3;background:var(--raised);border:1px solid var(--line-strong);box-shadow:var(--shadow-pop);animation:unfold .16s var(--ease);border-radius:999px;align-items:center;gap:4px;padding:5px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.session.full .draw-bar{top:64px}.draw-tool{width:32px;height:32px;color:var(--text);cursor:pointer;transition:background-color .1s var(--ease), color .1s var(--ease);background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;display:grid}.draw-tool:hover{background:var(--card-2)}.draw-tool.on{color:var(--accent-ink);background:var(--accent-soft);border-color:var(--accent-line)}.draw-sep{background:var(--line);width:1px;height:20px;margin:0 4px}.swatch{background:var(--swatch);cursor:pointer;width:20px;height:20px;transition:transform .12s var(--ease);border:2px solid #00000040;border-radius:50%;margin:0 2px}.swatch:hover{transform:scale(1.12)}.swatch.on{border-color:var(--raised);box-shadow:0 0 0 2px var(--swatch)}.ink-text{z-index:3;background:#0000008c;border:1px dashed;border-radius:6px;outline:none;min-width:180px;padding:4px 8px;font:700 16px Segoe UI,system-ui,sans-serif;position:absolute;transform:translateY(-50%)}.toast{border-radius:var(--r);background:var(--raised);border:1px solid var(--line-strong);box-shadow:var(--shadow-pop);animation:rise .18s var(--ease);align-items:center;gap:8px;padding:10px 10px 10px 14px;display:flex}.toast .icon-btn{width:24px;height:24px;margin-left:auto}.side-chat{background:var(--bg-2);border-left:1px solid var(--line);width:310px;animation:slide-in .16s var(--ease);flex-direction:column;padding:12px;display:flex}@keyframes slide-in{0%{opacity:0;transform:translate(12px)}}.side-head{justify-content:space-between;align-items:center;display:flex}.side-info dl{-webkit-user-select:text;user-select:text;gap:10px;margin:14px 0 0;display:grid;overflow-y:auto}.side-info dl>div{border-radius:var(--r);background:var(--card);border:1px solid var(--line);padding:10px 12px}.side-info dt{color:var(--muted);font-size:calc(11px * var(--k));letter-spacing:.06em;text-transform:uppercase;font-weight:700}.side-info dd{margin:3px 0 0}.ink-canvas{pointer-events:none;z-index:2;width:100%;height:100%;position:fixed;inset:0}.ink-page,.ink-page body,.ink-page #root{background:0 0!important}:root[data-motion=reduced] *,:root[data-motion=reduced] :before,:root[data-motion=reduced] :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.lock-screen{max-width:440px;margin:calc(30px * var(--s)) auto 0;padding:calc(30px * var(--s)) 28px;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow), var(--highlight);animation:rise .18s var(--ease) backwards;justify-items:center;gap:8px;display:grid}.lock-screen h2{margin:6px 0 0}.lock-icon{background:var(--grad);width:58px;height:58px;color:var(--on-accent);box-shadow:var(--glow);border-radius:18px;place-items:center;display:grid}.unlock-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;width:100%;margin-top:8px;display:grid}.unlock-form .error{text-align:left;grid-column:1/-1;margin:0}.lock-form{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.lock-form .input{flex:180px}.lock-on{align-items:center;gap:6px;font-weight:600;display:inline-flex}.lock-actions{flex-wrap:wrap;gap:6px;display:flex}.chat-input{align-items:center}.chat-input .icon-btn.on{color:var(--accent-ink);background:var(--accent-soft)}.emoji-menu{transform-origin:100% 100%;grid-template-columns:repeat(8,1fr);gap:2px;width:272px;min-width:0;top:auto;bottom:40px;right:-40px}.emoji-menu button{font-size:calc(18px * var(--k));justify-content:center;padding:5px 0;line-height:1.2}.bubble.picture{padding:5px 5px 7px}.bubble.picture>span,.bubble.picture>time,.bubble.picture>.bubble-from{padding:0 6px}.bubble-img{cursor:zoom-in;background:0 0;border:none;border-radius:12px;padding:0;display:block;overflow:hidden}.bubble-img img{border-radius:12px;max-width:100%;max-height:220px;display:block}.chat-attach{border-radius:var(--r);border:1px solid var(--accent-line);background:var(--accent-softer);align-items:center;gap:10px;margin-top:6px;padding:6px;display:flex}.chat-attach img{object-fit:cover;border-radius:8px;width:48px;height:48px}.chat-attach .icon-btn{margin-left:auto}.picture-view{cursor:zoom-out;padding:24px}.picture-view img{max-width:100%;max-height:100%;box-shadow:var(--shadow-pop);border-radius:12px}.stage.fit.zoomed{overflow:auto}.stage.fit.zoomed video{max-width:none}.tb-zoom{min-width:46px;height:32px;color:var(--muted);font:inherit;font-size:calc(12px * var(--k));font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:none;border-radius:9px;padding:0 4px;font-weight:600}.tb-zoom:hover{color:var(--text);background:var(--accent-soft)}.page-actions{gap:8px;display:flex}.log-totals{margin-top:calc(14px * var(--s));padding:calc(14px * var(--s)) 18px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow), var(--highlight)}.log-totals ul{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 18px;margin:0;padding:0;list-style:none;display:grid}.log-totals li{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:8px;display:grid}.log-total-name{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.log-totals strong{color:var(--accent-ink);font-variant-numeric:tabular-nums;grid-row:span 2;align-self:center}.profile-row{justify-content:space-between;align-items:center;gap:calc(8px * var(--s,1));margin-top:calc(8px * var(--s,1));display:flex}.profile-row select{flex:0 auto;width:auto;min-width:0}.row-actions{align-items:center;gap:6px;display:inline-flex}.row-actions select{width:auto}.help-panel{gap:calc(14px * var(--s));margin-top:calc(18px * var(--s));display:grid}.help-waiting{border-color:var(--accent-line);align-items:center;gap:14px;display:flex}.help-waiting>div{flex:1;min-width:0}.help-waiting h2{font-size:calc(15px * var(--k));margin:0 0 2px}.help-waiting p{margin:0}.help-icon{color:var(--accent-ink);flex:none}.help-queue ul{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.help-queue li{border-radius:var(--r);background:var(--field);border:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"who actions""text actions";align-items:center;column-gap:12px;padding:10px 12px;display:grid}.help-who{flex-wrap:wrap;grid-area:who;align-items:baseline;gap:8px;min-width:0;display:flex}.help-text{white-space:pre-wrap;overflow-wrap:anywhere;grid-area:text;margin:4px 0 0}.help-queue .row-actions{grid-area:actions}.help-ask h2{align-items:center;gap:8px;display:flex}.help-ask label{font-size:calc(13px * var(--k));gap:4px;margin-top:12px;font-weight:600;display:grid}.help-ask textarea{resize:vertical}.help-link{border-radius:var(--r);background:var(--field);border:1px solid var(--line);align-items:center;gap:10px;margin-top:8px;padding:8px 10px 8px 14px;display:flex}.help-link .mono{overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;flex:1;min-width:0}.two-step{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.otp-setup{flex-wrap:wrap;align-items:flex-start;gap:16px;margin-top:8px;display:flex}.otp-qr{border-radius:var(--r);background:#fff;flex:none;width:168px;overflow:hidden}.otp-qr svg{width:100%;height:auto;display:block}.otp-setup>div:last-child{flex:1;min-width:220px}.otp-setup ol{gap:4px;margin:0 0 10px;padding-left:18px;display:grid}.otp-secret{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.code-ask{margin-top:12px}.code-ask p{margin:0 0 8px}.fm-back{z-index:45}.fm{background:var(--raised);border:1px solid var(--line-strong);border-radius:var(--r-lg);width:min(1180px,96vw);height:min(760px,92vh);box-shadow:var(--shadow-pop);animation:pop-in .18s var(--ease);flex-direction:column;gap:10px;padding:16px;display:flex}.fm-head{align-items:center;gap:12px;display:flex}.fm-head h2{font-size:calc(17px * var(--k));white-space:nowrap;margin:0}.fm-head .small{flex:1;min-width:0}.fm-panes{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:0;display:grid}@media (width<=760px){.fm-panes{grid-template-columns:1fr;grid-auto-rows:minmax(0,1fr)}}.fm-pane{border-radius:var(--r);background:var(--card);border:1px solid var(--line);flex-direction:column;gap:6px;min-width:0;min-height:0;padding:10px;display:flex}.fm-title{justify-content:space-between;align-items:center;gap:8px;min-height:30px;display:flex}.fm-title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fm-bar{align-items:center;gap:4px;display:flex}.fm-path{flex:1;min-width:0}.fm-path .input{width:100%;font-size:calc(12.5px * var(--k));padding-block:6px}.fm-tools{flex-wrap:wrap;gap:6px;display:flex}.fm-confirm{border-radius:var(--r);background:color-mix(in srgb, var(--warn) 10%, transparent);border:1px solid color-mix(in srgb, var(--warn) 30%, transparent);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.fm-confirm span{flex:1;min-width:160px}.fm-error{margin:0}.fm-list{border-radius:var(--r);background:var(--field);border:1px solid var(--line);-webkit-user-select:none;user-select:none;outline:none;flex:1;min-height:0;overflow-y:auto}.fm-list:focus-visible{border-color:var(--accent-line)}.fm-row{cursor:default;grid-template-columns:20px minmax(0,1fr) 80px 128px;align-items:center;gap:8px;padding:5px 10px;display:grid}.fm-row:hover{background:color-mix(in srgb, var(--accent) 7%, transparent)}.fm-row.on{background:color-mix(in srgb, var(--accent) 16%, transparent)}.fm-icon{color:var(--accent-ink);place-items:center;display:grid}.fm-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fm-name-input{grid-column:2/-1;padding-block:3px}.fm-size{text-align:right}.fm-time{white-space:nowrap;overflow:hidden}.fm-empty{margin:0;padding:12px}.fm-transfers .transfers{max-height:140px;overflow-y:auto}@media (width<=1000px){.fm-row{grid-template-columns:20px minmax(0,1fr) 72px}.fm-time{display:none}}.rec-dot{background:var(--danger,#e5484d);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite rec-blink;display:inline-block}@keyframes rec-blink{50%{opacity:.35}}.pill.rec{color:var(--danger,#e5484d);background:color-mix(in srgb, var(--danger,#e5484d) 12%, transparent);border-color:color-mix(in srgb, var(--danger,#e5484d) 40%, transparent)}.tb-btn.rec-on,.rec-tag{color:var(--danger,#e5484d)}.pill.privacy{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border-color:color-mix(in srgb, var(--accent) 40%, transparent)}.privacy-note{align-items:flex-start;gap:6px;display:flex}.privacy-note svg{flex:none;margin-top:2px}.rec-tag .rec-dot{width:7px;height:7px}.web-page{background:var(--bg);place-items:center;min-height:100vh;padding:24px 16px;display:grid}.web-hero{width:min(560px,100%)}.web-form{gap:12px;margin-top:18px;display:grid}.web-form label{font-size:calc(13px * var(--k));gap:5px;font-weight:600;display:grid}.web-form .btn{justify-self:start;margin-top:4px}.web-note{align-items:flex-start;gap:6px;margin:16px 0 0;display:flex}.web-note svg{flex:none;margin-top:2px}