:root{--ink:#0b0a10;--ink-2:#110f17;--panel:#ffffff0a;--panel-2:#fff1;--brd:#ffffff14;--brd-2:#ffffff29;--text:#f1ece4;--dim:#a39e95;--faint:#8a8780;--brand:linear-gradient(110deg, #ffc24b 0%, #ff8f5e 48%, #ff6b8a 100%);--me:#ffc24b;--me-rgb:255, 194, 75;--me-ink:#0b0a10;--ok:#6ee7a8;--warn:#ffcf5e;--bad:#ff7a93;--r:16px;--r-sm:11px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--ink);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans Arabic,Noto Naskh Arabic,Tahoma,sans-serif;font-size:16px;line-height:1.6}body{background:radial-gradient(115% 70% at 82% -8%, rgba(var(--me-rgb), .16), transparent 60%), radial-gradient(95% 60% at 0% 108%, #ff8f5e1a, transparent 55%), var(--ink);background-attachment:fixed}#app{height:100%}.hidden{display:none!important}button{font-family:inherit}button:focus-visible{outline:2px solid var(--me);outline-offset:2px}.swatch:focus-visible{outline-offset:2px;outline:3px solid #fff}.overlay{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;height:100%;padding:30px 22px;display:flex;overflow-y:auto}.logo{letter-spacing:-1px;background:var(--brand);color:#0000;filter:drop-shadow(0 6px 30px #ff8f5e52);-webkit-background-clip:text;background-clip:text;padding:4px 8px;font-size:clamp(50px,16vw,88px);font-style:normal;font-weight:800;line-height:1.1}.tagline{max-width:30rem;color:var(--dim);margin:0;font-size:15.5px}.onb-card{text-align:start;border-radius:var(--r);background:var(--panel);border:1px solid var(--brd);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-direction:column;gap:10px;width:100%;max-width:30rem;margin-top:4px;padding:18px;display:flex}.onb-label{color:var(--dim);margin-top:4px;font-size:13px;font-weight:600}.onb-name{font:inherit;color:var(--text);text-align:start;border:1px solid var(--brd);border-radius:var(--r-sm);background:#00000038;outline:none;padding:13px 15px;font-size:17px;transition:border-color .18s,box-shadow .18s}.onb-name:focus{border-color:var(--me);box-shadow:0 0 0 3px rgba(var(--me-rgb), .22)}.swatches{grid-template-columns:repeat(6,1fr);gap:9px;display:grid}.swatch{aspect-ratio:1;cursor:pointer;background:var(--sw);outline-offset:2px;border:0;border-radius:50%;outline:2px solid #0000;padding:0;transition:transform .14s;position:relative;box-shadow:inset 0 0 0 2px #00000040}.swatch:hover{transform:scale(1.1)}.swatch.active{outline-color:var(--sw);transform:scale(1.12)}.swatch.active:after{content:"✓";color:#0b0a10;place-items:center;font-size:14px;font-weight:800;display:grid;position:absolute;inset:0}.start-btn{cursor:pointer;color:var(--me-ink);background:var(--me);box-shadow:0 14px 40px -10px rgba(var(--me-rgb), .7);border:0;border-radius:999px;margin-top:8px;padding:15px 48px;font-size:18px;font-weight:800;transition:transform .15s,box-shadow .2s}.start-btn:hover{box-shadow:0 20px 50px -10px rgba(var(--me-rgb), .85);transform:translateY(-2px)}.start-btn:active{transform:scale(.97)}.start-btn:disabled{opacity:.55;filter:grayscale(.3);cursor:default;box-shadow:none}.hint{color:var(--faint);max-width:26rem;font-size:12.5px}.overlay-error{color:var(--bad);border-radius:var(--r-sm);background:#ff7a931a;border:1px solid #ff7a934d;max-width:30rem;padding:10px 16px;font-size:14px}.shell{max-width:780px;height:100%;padding:10px 12px;padding-bottom:max(12px, env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.topbar{border-radius:var(--r);background:var(--panel);border:1px solid var(--brd);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);align-items:center;gap:9px;padding:9px 12px;display:flex}.brand{letter-spacing:-.3px;background:var(--brand);color:#0000;-webkit-background-clip:text;background-clip:text;padding:0 2px;font-size:21px;font-style:normal;font-weight:800;line-height:1.25}.me{cursor:pointer;font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--brd);border-radius:999px;align-items:center;gap:7px;padding:4px 11px 4px 5px;font-size:13.5px;font-weight:600;transition:all .18s;display:inline-flex}.me:hover{border-color:var(--brd-2)}.me.locked{box-shadow:0 0 0 1px rgba(var(--me-rgb), .4)}.me-dot{border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:grid}.me-name{text-overflow:ellipsis;white-space:nowrap;max-width:9rem;overflow:hidden}.signal{color:var(--dim);letter-spacing:1px;white-space:nowrap;font-family:ui-monospace,monospace;font-size:13px}.signal[data-hint=weak]{color:var(--warn)}.signal[data-hint=loud]{color:var(--bad)}.status{color:var(--dim);white-space:nowrap;margin-inline-start:auto;font-size:12.5px}.status[data-phase=listening]{color:var(--ok)}.status[data-phase=transmitting]{color:var(--me)}.status[data-phase=interrupted]{color:var(--warn)}.gear{cursor:pointer;width:34px;height:34px;color:var(--dim);background:var(--panel-2);border:1px solid var(--brd);border-radius:50%;flex:none;font-size:16px;transition:all .18s}.gear:hover{color:var(--text);border-color:var(--brd-2);transform:rotate(40deg)}.stage{border-radius:var(--r);border:1px solid var(--brd);background:repeating-linear-gradient(0deg, #ffffff05 0 1px, transparent 1px 3px), radial-gradient(120% 100% at 50% 120%, rgba(var(--me-rgb), .1), transparent 70%), #07060c;box-shadow:inset 0 0 60px rgba(var(--me-rgb), .06);margin:12px 0;position:relative;overflow:hidden}.visualizer{width:100%;height:168px;display:block}.stage.stage-presence{align-items:stretch;min-height:96px;display:flex}.presence{flex-direction:column;gap:10px;width:100%;padding:12px 14px;display:flex}.presence-count{color:var(--dim);letter-spacing:.2px;min-height:16px;font-size:12.5px;font-weight:700}.presence-list{scrollbar-width:thin;align-items:flex-start;gap:14px;padding-bottom:2px;display:flex;overflow-x:auto}.presence-list::-webkit-scrollbar{height:5px}.presence-list::-webkit-scrollbar-thumb{background:var(--brd-2);border-radius:3px}.presence-card{flex-direction:column;flex:none;align-items:center;gap:5px;width:58px;display:flex}.presence-avatar{width:44px;height:44px;box-shadow:inset 0 0 0 1.5px #ffffff40, 0 0 16px -2px var(--c,#0006);border-radius:50%;place-items:center;font-size:18px;font-weight:800;animation:.22s ease-out presence-pop;display:grid}@keyframes presence-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.presence-name{color:var(--text);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:58px;font-size:11.5px;overflow:hidden}.presence-empty{color:var(--faint);align-self:center;padding:14px 0;font-size:13px}.log{scrollbar-width:thin;flex-direction:column;flex:1;gap:13px;margin:4px 0;padding:6px 2px;display:flex;overflow-y:auto}.log::-webkit-scrollbar{width:6px}.log::-webkit-scrollbar-thumb{background:var(--brd-2);border-radius:3px}.msg{align-items:flex-start;gap:9px;max-width:86%;display:flex}.avatar{margin-top:17px}.msg.self{align-self:flex-start}.msg.other{align-self:flex-end}.avatar{width:32px;height:32px;box-shadow:inset 0 0 0 1.5px #ffffff40, 0 3px 14px -2px var(--c,#0006);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:800;display:grid}.msg-col{flex-direction:column;gap:4px;min-width:0;display:flex}.msg-meta{padding:0 4px;font-size:11.5px}.msg-name{color:var(--c);font-weight:700}.msg-body{word-break:break-word;background:var(--c-soft);border:1px solid var(--c-line);color:var(--text);border-radius:15px;padding:10px 14px;font-size:15px;line-height:1.55}.msg.self .msg-col{align-items:flex-start}.msg.other .msg-col{align-items:flex-end}.msg.self .msg-body{border-bottom-right-radius:5px}.msg.other .msg-body{border-bottom-left-radius:5px}.msg-sig{opacity:.8;height:16px;padding:0 4px}.tone-sig{width:90px;height:16px;display:block}.msg.other .tone-sig{margin-inline-start:auto}.sys{text-align:center;color:var(--faint);align-self:center;max-width:90%;font-size:12.5px}.sys.error{color:var(--bad)}.reply-quote{border-inline-start:3px solid var(--c-line);color:var(--dim);opacity:.85;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:-2px 0 6px;padding:2px 8px;font-size:12.5px;overflow:hidden}.reply-quote-text{color:var(--dim)}.msg-text{white-space:pre-wrap}.msg-actions{opacity:0;align-items:center;gap:4px;height:0;padding:0 2px;transition:opacity .14s;display:flex;overflow:visible}.msg:hover .msg-actions,.msg:focus-within .msg-actions{opacity:1}.msg.other .msg-actions{justify-content:flex-end}.msg-act{cursor:pointer;color:var(--dim);border:1px solid var(--brd);background:#00000038;border-radius:999px;padding:3px 6px;font-size:13px;line-height:1;transition:all .14s}.msg-act:hover{color:var(--text);border-color:var(--me)}.react-palette{background:var(--panel-2);border:1px solid var(--brd);border-radius:999px;align-items:center;gap:2px;margin-inline-start:4px;padding:3px 5px;display:inline-flex}.react-palette.hidden{display:none}.react-emoji{cursor:pointer;background:0 0;border:0;border-radius:6px;padding:2px 3px;font-size:16px;line-height:1;transition:transform .1s}.react-emoji:hover{transform:scale(1.25)}.msg-reactions{flex-wrap:wrap;gap:4px;padding:0 2px;display:flex}.msg-reactions:empty{display:none}.react-chip{border:1px solid var(--brd);background:#00000038;border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:13px;line-height:1;display:inline-flex}.react-dot{border-radius:50%;flex:none;width:7px;height:7px}.composer-wrap{flex-direction:column;gap:6px;margin-top:6px;display:flex}.reply-chip{background:var(--panel-2);border:1px solid var(--brd);border-inline-start:3px solid var(--me);border-radius:12px;align-items:center;gap:8px;padding:7px 12px;font-size:13px;display:flex}.reply-chip.hidden{display:none}.reply-chip-label{min-width:0;color:var(--dim);flex:1;align-items:baseline;gap:6px;display:flex}.reply-chip-icon{color:var(--me);flex:none}.reply-chip-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reply-chip-x{cursor:pointer;width:24px;height:24px;color:var(--dim);background:0 0;border:0;border-radius:50%;flex:none;font-size:13px;transition:all .14s}.reply-chip-x:hover{color:var(--text);background:var(--panel)}.ephemeral-row{flex-wrap:wrap;align-items:center;gap:8px;padding:0 2px;display:flex}.ephemeral-toggle{cursor:pointer;color:var(--dim);border:1px solid var(--brd);white-space:nowrap;background:#00000038;border-radius:999px;padding:6px 11px;font-size:12.5px;line-height:1;transition:all .14s}.ephemeral-toggle:hover{color:var(--text);border-color:var(--me)}.ephemeral-toggle.active{color:var(--me-ink);background:var(--me);border-color:var(--me)}.ephemeral-durations{gap:5px;display:inline-flex}.ephemeral-durations.hidden{display:none}.ephemeral-dur{cursor:pointer;color:var(--dim);border:1px solid var(--brd);background:#00000038;border-radius:999px;min-width:38px;padding:6px 10px;font-size:12.5px;line-height:1;transition:all .14s}.ephemeral-dur:hover{color:var(--text)}.ephemeral-dur.active{color:var(--me);border-color:var(--me);background:var(--c-soft,rgba(var(--me-rgb), .12))}.msg.ephemeral .msg-body{border-style:dashed}.ephemeral-hint{color:var(--faint);align-items:center;gap:5px;padding:1px 2px;font-size:11.5px;display:inline-flex}.msg.other .ephemeral-hint{align-self:flex-end}.ephemeral-icon{font-size:12px}.ephemeral-count{font-variant-numeric:tabular-nums;color:var(--dim);direction:ltr;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.composer{background:var(--panel);border:1px solid var(--brd);border-radius:var(--r);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);align-items:center;gap:8px;padding:9px 10px;display:flex}.repeat{border:1px solid var(--brd);background:#00000040;border-radius:999px;flex:none;align-items:center;gap:2px;padding:3px;display:inline-flex}.rep-btn{cursor:pointer;width:26px;height:26px;color:var(--dim);background:0 0;border:0;border-radius:50%;font-size:16px;line-height:1;transition:all .15s}.rep-btn:hover{color:var(--text);background:var(--panel-2)}.rep-val{text-align:center;min-width:26px;color:var(--dim);font-family:ui-monospace,monospace;font-size:13px;font-weight:700}.rep-val.hot{color:var(--me)}.composer-input{min-width:0;font:inherit;color:var(--text);border:1px solid var(--brd);background:#00000038;border-radius:999px;outline:none;flex:1;padding:12px 16px;font-size:15px;transition:border-color .18s,box-shadow .18s}.composer-input::placeholder{color:var(--faint)}.composer-input:focus{border-color:var(--me);box-shadow:0 0 0 3px rgba(var(--me-rgb), .18)}.resend-btn{cursor:pointer;width:42px;height:42px;color:var(--dim);background:var(--panel-2);border:1px solid var(--brd);border-radius:50%;flex:none;font-size:18px;transition:all .18s}.resend-btn:hover:not(:disabled){color:var(--me);border-color:var(--me)}.resend-btn:disabled{opacity:.3;cursor:default}.send-btn{cursor:pointer;font:inherit;color:var(--me-ink);background:var(--me);box-shadow:0 10px 26px -10px rgba(var(--me-rgb), .7);border:0;border-radius:999px;flex:none;padding:12px 22px;font-size:15px;font-weight:800;transition:transform .15s}.send-btn:hover{transform:translateY(-1px)}.send-btn:active{transform:scale(.95)}.send-btn:disabled{opacity:.45;filter:grayscale(.3);cursor:default;box-shadow:none}.attach-btn{cursor:pointer;width:42px;height:42px;color:var(--dim);background:var(--panel-2);border:1px solid var(--brd);border-radius:50%;flex:none;font-size:18px;transition:all .18s}.attach-btn:hover:not(:disabled){color:var(--me);border-color:var(--me)}.attach-btn:disabled{opacity:.35;cursor:default}.quick-strip{scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:center;gap:7px;margin-top:6px;padding:2px;display:flex;overflow-x:auto}.quick-strip::-webkit-scrollbar{display:none}.quick-chip{cursor:pointer;font:inherit;color:var(--dim);border:1px solid var(--brd);white-space:nowrap;background:#00000038;border-radius:999px;flex:none;padding:7px 14px;font-size:13px;font-weight:600;transition:color .15s,border-color .15s,background .15s,transform .12s}.quick-chip:hover{color:var(--text);border-color:var(--me);background:var(--panel-2)}.quick-chip:active{transform:scale(.94)}.img-tray{background:var(--panel);border:1px solid var(--brd);border-radius:var(--r);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);align-items:center;gap:12px;margin-top:6px;padding:10px 12px;display:flex}.img-tray-preview{object-fit:cover;border:1px solid var(--brd);background:#00000040;border-radius:10px;flex:none;width:72px;height:72px}.img-tray-body{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.img-tier-row{gap:6px;display:flex}.tier-chip{cursor:pointer;min-width:0;min-height:36px;font:inherit;color:var(--dim);border-radius:var(--r-sm);background:var(--panel-2);border:1px solid var(--brd);flex:1 1 0;padding:6px 4px;font-size:12.5px;font-weight:600;transition:all .15s}.tier-chip:hover{color:var(--text);border-color:var(--brd-2)}.tier-chip.active{color:var(--me-ink);background:var(--me);border-color:#0000;font-weight:700}.img-tray-info{color:var(--dim);font-family:ui-monospace,monospace;font-size:12.5px}.img-tray-actions{justify-content:flex-end;gap:8px;display:flex}.img-cancel-btn{cursor:pointer;font:inherit;color:var(--dim);border:1px solid var(--brd);background:0 0;border-radius:999px;padding:8px 16px;font-size:13px;transition:all .15s}.img-cancel-btn:hover{color:var(--text);border-color:var(--brd-2)}.img-send-btn{cursor:pointer;font:inherit;color:var(--me-ink);background:var(--me);box-shadow:0 10px 26px -10px rgba(var(--me-rgb), .7);border:0;border-radius:999px;padding:8px 18px;font-size:13.5px;font-weight:800;transition:transform .15s}.img-send-btn:hover:not(:disabled){transform:translateY(-1px)}.img-send-btn:disabled{opacity:.45;filter:grayscale(.3);cursor:default;box-shadow:none}.msg-body.has-image{background:var(--c-soft);padding:5px}.msg-image{image-rendering:auto;border-radius:11px;width:min(240px,68vw);height:auto;max-height:340px;display:block}.msg-image-failed{color:var(--faint);padding:10px 14px;font-size:13px}.studio-btn{cursor:pointer;width:42px;height:42px;color:var(--dim);background:var(--panel-2);border:1px solid var(--brd);border-radius:50%;flex:none;font-size:18px;transition:all .18s}.studio-btn:hover:not(:disabled){color:var(--me);border-color:var(--me)}.studio-btn:disabled{opacity:.35;cursor:default}.studio-btn.dimmed{opacity:.55}.studio-btn.recording{color:#fff;background:#e0414b;border-color:#e0414b;animation:1.1s ease-in-out infinite rec-pulse}@keyframes rec-pulse{0%,to{box-shadow:0 0 #e0414b8c}50%{box-shadow:0 0 0 7px #e0414b00}}.media-tray{background:var(--panel);border:1px solid var(--brd);border-radius:var(--r);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);align-items:center;gap:12px;margin-top:6px;padding:10px 12px;display:flex}.media-tray-preview{border:1px solid var(--brd);background:#00000040;border-radius:10px;flex:none;justify-content:center;align-items:center;width:72px;height:72px;display:flex;overflow:hidden}.media-thumb{object-fit:cover;width:100%;height:100%}.media-icon{font-size:30px;line-height:1}.media-tray-body{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.media-tray-info{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,monospace;font-size:12.5px;overflow:hidden}.media-tray-actions{justify-content:flex-end;gap:8px;display:flex}.media-cancel-btn{cursor:pointer;font:inherit;color:var(--dim);border:1px solid var(--brd);background:0 0;border-radius:999px;padding:8px 16px;font-size:13px;transition:all .15s}.media-cancel-btn:hover{color:var(--text);border-color:var(--brd-2)}.media-send-btn{cursor:pointer;font:inherit;color:var(--me-ink);background:var(--me);box-shadow:0 10px 26px -10px rgba(var(--me-rgb), .7);border:0;border-radius:999px;padding:8px 18px;font-size:13.5px;font-weight:800;transition:transform .15s}.media-send-btn:hover:not(:disabled){transform:translateY(-1px)}.media-send-btn:disabled{opacity:.45;filter:grayscale(.3);cursor:default;box-shadow:none}.msg-body.has-media{background:var(--c-soft);padding:5px}.msg-video{background:#000;border-radius:11px;width:min(260px,72vw);height:auto;max-height:360px;display:block}.msg-audio{width:min(260px,72vw);display:block}.msg-file{max-width:min(260px,72vw);color:var(--text);background:var(--panel-2);border:1px solid var(--brd);border-radius:11px;align-items:center;gap:10px;padding:10px 14px;text-decoration:none;transition:border-color .15s,color .15s;display:inline-flex}.msg-file:hover{border-color:var(--me);color:var(--me)}.msg-file-icon{flex:none;font-size:20px}.msg-file-meta{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.mode-bar{gap:6px;margin:8px 0 2px;display:flex}.mode-bar .mode-chip{flex:1 1 0;min-width:0;min-height:44px;padding:8px 4px;font-size:12.5px}.sheet{z-index:50;position:fixed;inset:0}.sheet-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;background:#04030899;transition:opacity .22s;position:absolute;inset:0}.sheet.open .sheet-backdrop{opacity:1}.sheet-panel{inset-inline:0;background:var(--ink-2);border:1px solid var(--brd);max-width:780px;max-height:86%;padding:14px 16px max(18px, env(safe-area-inset-bottom));border-bottom:0;border-radius:22px 22px 0 0;margin:0 auto;transition:transform .26s cubic-bezier(.2,.9,.3,1);position:absolute;bottom:0;overflow-y:auto;transform:translateY(100%);box-shadow:0 -20px 60px -20px #000000b3}.sheet.open .sheet-panel{transform:translateY(0)}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.sheet-title{font-size:19px;font-weight:800}.sheet-close{cursor:pointer;width:32px;height:32px;color:var(--dim);background:var(--panel-2);border:1px solid var(--brd);border-radius:50%;font-size:15px}.sheet-sec{border-top:1px solid var(--brd);flex-direction:column;gap:10px;padding:12px 0;display:flex}.sec-title{color:var(--dim);font-size:13px;font-weight:700}.field{width:100%;font:inherit;color:var(--text);border:1px solid var(--brd);border-radius:var(--r-sm);background:#0000003d;outline:none;padding:11px 14px;font-size:15px;transition:border-color .18s,box-shadow .18s}.field::placeholder{color:var(--faint)}.field:focus{border-color:var(--me);box-shadow:0 0 0 3px rgba(var(--me-rgb), .18)}.field-row{align-items:center;gap:10px;display:flex}.lock{color:var(--me);white-space:nowrap;font-size:12px}.room-fp{color:var(--dim);border:1px solid var(--brd);border-radius:var(--r-sm);background:#00000038;flex-wrap:wrap;align-items:center;gap:7px;padding:7px 11px;font-size:12.5px;display:flex}.room-fp.hidden{display:none}.room-fp-label{color:var(--faint)}.room-fp-code{letter-spacing:1px;color:var(--me);direction:ltr;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700}.room-fp-sep{color:var(--faint)}.room-fp-emojis{direction:ltr;font-size:15px;line-height:1}.history-toggle,.history-clear{cursor:pointer;font:inherit;color:var(--dim);border:1px solid var(--brd);border-radius:var(--r-sm);background:#0000003d;padding:9px 14px;font-size:13px;transition:all .16s}.history-toggle:hover,.history-clear:hover{color:var(--text);border-color:var(--me)}.history-toggle.active{color:var(--me-ink);background:var(--me);border-color:var(--me)}.history-clear{color:var(--bad)}.history-clear:hover{border-color:var(--bad);color:var(--bad)}.history-divider{color:var(--faint);align-self:stretch;align-items:center;gap:10px;margin:8px 4px 2px;display:flex}.history-divider:before,.history-divider:after{content:"";background:var(--brd);flex:1;height:1px}.history-divider-text{white-space:nowrap;letter-spacing:.3px;font-size:11.5px}.avatar.has-photo,.me-dot.has-photo,.presence-avatar.has-photo,.avatar-preview.has-photo{color:#0000;background-position:50%;background-repeat:no-repeat;background-size:cover;overflow:hidden}.avatar-row{flex-direction:column;gap:8px;display:flex}.sub-label{color:var(--faint);font-size:12px}.avatar-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.avatar-preview{width:52px;height:52px;box-shadow:inset 0 0 0 1.5px #ffffff40, 0 0 16px -2px var(--c,#0006);border-radius:50%;flex:none;place-items:center;font-size:20px;font-weight:800;display:grid}.avatar-btn{cursor:pointer;font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--brd);border-radius:999px;padding:9px 16px;font-size:13px;font-weight:600;transition:border-color .18s,color .18s}.avatar-btn:hover{color:var(--me);border-color:var(--me)}.avatar-remove{color:var(--dim)}.avatar-remove:hover{color:var(--bad);border-color:var(--bad)}.modes{flex-wrap:wrap;gap:8px;display:flex}.mode-chip{cursor:pointer;min-width:64px;font:inherit;color:var(--dim);border-radius:var(--r-sm);background:var(--panel);border:1px solid var(--brd);flex:auto;padding:10px 8px;font-size:13px;font-weight:600;transition:all .18s}.mode-chip:hover{color:var(--text);border-color:var(--brd-2)}.mode-chip.active{color:var(--me-ink);background:var(--me);box-shadow:0 6px 18px -6px rgba(var(--me-rgb), .55);border-color:#0000;font-weight:700}.train-panel{flex-direction:column;gap:9px;padding:12px 0 0;display:flex}.train-hint{color:var(--dim);font-size:13px}.train-rec{cursor:pointer;font:inherit;color:var(--me-ink);background:var(--me);border-radius:var(--r-sm);border:0;padding:11px;font-weight:700;transition:transform .15s}.train-rec:disabled{opacity:.6;cursor:default}.ver{color:var(--faint);text-align:center;padding-top:12px;font-family:ui-monospace,monospace;font-size:11px}@media (max-width:430px){.send-btn{padding:12px 16px}.topbar{gap:6px;padding:8px 10px}.brand{font-size:19px}.me-name{max-width:6rem}.swatches{grid-template-columns:repeat(6,1fr)}.visualizer{height:140px}}.app-cta{flex-direction:column;align-items:center;gap:7px;margin-top:16px;display:flex}.app-btn{cursor:pointer;color:var(--text);background:var(--panel-2);border:1px solid var(--brd);border-radius:999px;padding:11px 26px;font-size:15px;font-weight:800;text-decoration:none;transition:transform .15s,color .18s,border-color .18s}.app-btn:hover{color:var(--me);border-color:var(--me);transform:translateY(-1px)}.app-why{color:var(--dim);text-align:center;max-width:330px;font-size:11px;line-height:1.6}.channel{color:var(--text);background:var(--panel-2);border:1px solid var(--brd);text-align:center;border-radius:999px;padding:7px 16px;font-size:12.5px;line-height:1.5}.channel-on{color:var(--me);border-color:var(--me)}.channel-locked{color:var(--dim);opacity:.85}.transport-toggle-wrap{flex-direction:column;gap:6px;margin:4px 0 2px;display:flex}.transport-row{align-self:center;align-items:center;gap:8px;display:inline-flex}.transport-prefix{color:var(--dim);white-space:nowrap;font-size:12.5px;font-weight:700}.transport-toggle{background:var(--panel);border:1px solid var(--brd);border-radius:999px;align-self:center;gap:4px;padding:4px;display:inline-flex}.transport-chip{cursor:pointer;font:inherit;color:var(--dim);background:0 0;border:0;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:700;transition:all .16s}.transport-chip:hover{color:var(--text)}.transport-chip.active{color:var(--me-ink);background:var(--me);box-shadow:0 8px 22px -10px rgba(var(--me-rgb), .7)}.transport-note{text-align:center;max-width:92%;color:var(--warn);border-radius:var(--r-sm);background:#ffcf5e14;border:1px solid #ffcf5e40;align-self:center;padding:7px 12px;font-size:12px;line-height:1.5}.diag-toggle{cursor:pointer;width:34px;height:34px;color:var(--dim);background:var(--panel-2);border:1px solid var(--brd);border-radius:50%;flex:none;font-size:15px;transition:all .18s}.diag-toggle:hover{color:var(--text);border-color:var(--brd-2)}.diag-toggle.active{color:var(--me);border-color:var(--me)}.diag-panel{border:1px solid var(--brd);border-radius:var(--r);background:var(--ink-2);margin:8px 0 0;overflow:hidden}.diag-head{border-bottom:1px solid var(--brd);background:var(--panel);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.diag-counts{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-family:ui-monospace,monospace;font-size:12px;overflow:hidden}.diag-actions{flex:none;gap:6px;display:inline-flex}.diag-btn{cursor:pointer;font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--brd);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .16s}.diag-btn:hover{color:var(--me);border-color:var(--me)}.diag-list{max-height:240px;padding:6px 0;font-family:ui-monospace,Cascadia Code,monospace;font-size:11.5px;line-height:1.5;overflow-y:auto}.diag-row{text-align:left;direction:ltr;border-bottom:1px solid #ffffff08;align-items:baseline;gap:8px;padding:3px 12px;display:flex}.diag-time{color:var(--faint);flex:none}.diag-tag{color:var(--dim);text-overflow:ellipsis;flex:none;min-width:4.5rem;font-weight:700;overflow:hidden}.diag-msg{color:var(--text);word-break:break-word;white-space:pre-wrap;flex:auto}.diag-info .diag-tag{color:var(--ok)}.diag-warn .diag-msg,.diag-warn .diag-tag{color:var(--warn)}.diag-error .diag-msg,.diag-error .diag-tag{color:var(--bad)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.gear:hover{transform:none}}