:root{--bg: #0e1621;--sidebar: #17212b;--sidebar-hover: #202b36;--sidebar-active: #2b5278;--header: #17212b;--bubble-in: #182533;--bubble-out: #2b5278;--accent: #3aa0e3;--accent-hover: #4aabee;--text: #ffffff;--text-secondary: #7d8e9c;--text-muted: #5c6b78;--divider: #101820;--danger: #e5595a;--online: #4dcd5e;--shadow: 0 1px 2px rgba(0,0,0,.3);--radius: 12px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow:hidden}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#2a3a48;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#35485a}.login-wrap{height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 600px at 50% -10%,#1b2b3a 0%,var(--bg) 60%);padding:20px}.login-card{width:100%;max-width:380px;background:var(--sidebar);border-radius:16px;padding:36px 32px;box-shadow:0 12px 40px #0006;text-align:center}.login-logo{width:84px;height:84px;border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;background:linear-gradient(180deg,#3aa0e3,#1c7fc4);box-shadow:0 6px 20px #3aa0e366}.login-logo svg{width:46px;height:46px}.login-card h1{font-size:21px;margin:0 0 6px;font-weight:600}.login-card p{color:var(--text-secondary);font-size:14px;margin:0 0 22px;line-height:1.5}.key-input{width:100%;padding:14px 16px;background:var(--bg);border:1px solid #24313d;border-radius:10px;color:var(--text);font-size:15px;letter-spacing:.5px;text-align:center;outline:none;transition:border-color .15s;font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace}.key-input:focus{border-color:var(--accent)}.btn-primary{width:100%;margin-top:14px;padding:13px;background:var(--accent);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:600;transition:background .15s}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.55;cursor:default}.login-error{color:var(--danger);font-size:13px;margin-top:14px;min-height:16px}.login-hint{color:var(--text-muted);font-size:12px;margin-top:20px;line-height:1.5}.app{display:flex;height:100%}.sidebar{width:340px;min-width:340px;background:var(--sidebar);border-right:1px solid var(--divider);display:flex;flex-direction:column}.sidebar-header{height:56px;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--divider)}.sidebar-header .title{font-weight:600;font-size:16px;flex:1}.icon-btn{width:38px;height:38px;border-radius:50%;background:transparent;border:none;color:var(--text-secondary);display:grid;place-items:center;transition:background .15s,color .15s}.icon-btn:hover{background:var(--sidebar-hover);color:var(--text)}.search-box{padding:8px 12px}.search-box input{width:100%;padding:9px 14px;border-radius:18px;background:var(--bg);border:1px solid transparent;color:var(--text);outline:none;font-size:14px}.search-box input:focus{border-color:var(--accent)}.convo-list{flex:1;overflow-y:auto}.convo-item{display:flex;align-items:center;gap:11px;padding:9px 12px;cursor:pointer;transition:background .12s}.convo-item:hover{background:var(--sidebar-hover)}.convo-item.active{background:var(--sidebar-active)}.avatar{width:46px;height:46px;min-width:46px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:600;font-size:17px;position:relative}.avatar.sm{width:34px;height:34px;min-width:34px;font-size:14px}.online-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;background:var(--online);border:2px solid var(--sidebar)}.convo-item.active .online-dot{border-color:var(--sidebar-active)}.convo-main{flex:1;min-width:0}.convo-top{display:flex;justify-content:space-between;align-items:baseline}.convo-name{font-weight:500;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.convo-time{font-size:12px;color:var(--text-muted);white-space:nowrap;margin-left:8px}.convo-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:2px}.convo-preview{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-badge{background:var(--accent);color:#fff;font-size:12px;font-weight:600;min-width:20px;height:20px;border-radius:10px;padding:0 6px;display:grid;place-items:center;margin-left:8px}.list-empty{padding:40px 20px;text-align:center;color:var(--text-muted);font-size:13px}.chat-pane{flex:1;display:flex;flex-direction:column;min-width:0;background:linear-gradient(180deg,#0e1621,#0b131c)}.chat-empty{flex:1;display:grid;place-items:center;color:var(--text-muted)}.chat-empty .pill{background:#00000059;padding:8px 16px;border-radius:16px;font-size:14px}.chat-header{height:56px;display:flex;align-items:center;gap:12px;padding:0 16px;background:var(--header);border-bottom:1px solid var(--divider)}.chat-header .who{flex:1;min-width:0}.chat-header .name{font-weight:600;font-size:15px}.chat-header .status{font-size:13px;color:var(--text-secondary)}.chat-header .status.online{color:var(--accent)}.messages{flex:1;overflow-y:auto;padding:16px var(--chat-pad, 9%);display:flex;flex-direction:column;gap:2px}.load-more{text-align:center;padding:8px}.load-more button{background:#0000004d;border:none;color:var(--text-secondary);padding:6px 16px;border-radius:14px;font-size:13px}.day-sep{text-align:center;margin:12px 0}.day-sep span{background:#00000059;color:var(--text-secondary);font-size:12px;padding:4px 12px;border-radius:12px}.msg-row{display:flex;margin-top:2px}.msg-row.out{justify-content:flex-end}.bubble{max-width:min(70%,480px);padding:7px 11px 6px;border-radius:12px;background:var(--bubble-in);box-shadow:var(--shadow);position:relative;word-wrap:break-word;overflow-wrap:anywhere}.msg-row.out .bubble{background:var(--bubble-out)}.msg-row.grouped .bubble{border-top-left-radius:6px}.msg-row.out.grouped .bubble{border-top-right-radius:6px}.bubble .body{font-size:var(--msg-font, 14.5px);line-height:1.4;white-space:pre-wrap}.bubble .meta{font-size:11px;color:var(--text-muted);text-align:right;margin-top:2px;-webkit-user-select:none;user-select:none}.msg-row.out .bubble .meta{color:#a8c7e0}.attach-img{max-width:100%;border-radius:8px;display:block;cursor:pointer;margin-bottom:3px}.attach-file{display:flex;align-items:center;gap:10px;padding:8px;margin-bottom:3px;background:#0003;border-radius:8px;text-decoration:none;color:inherit}.attach-file .fi{width:40px;height:40px;min-width:40px;border-radius:8px;background:var(--accent);display:grid;place-items:center}.attach-file .fname{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attach-file .fsize{font-size:12px;color:var(--text-secondary)}.typing-row{padding:2px 8% 4px;color:var(--text-secondary);font-size:13px;font-style:italic;height:20px}.composer{display:flex;align-items:flex-end;gap:8px;padding:10px 16px;background:var(--header);border-top:1px solid var(--divider)}.composer textarea{flex:1;resize:none;max-height:140px;min-height:24px;background:transparent;border:none;outline:none;color:var(--text);font-size:15px;line-height:1.4;padding:8px 4px}.composer .send-btn{width:44px;height:44px;border-radius:50%;border:none;background:var(--accent);color:#fff;display:grid;place-items:center;transition:background .15s,transform .1s}.composer .send-btn:hover{background:var(--accent-hover)}.composer .send-btn:active{transform:scale(.92)}.attach-preview{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--header);border-top:1px solid var(--divider);font-size:13px;color:var(--text-secondary)}.attach-preview img{height:40px;border-radius:6px}.attach-preview .x{margin-left:auto;color:var(--danger);background:none;border:none;font-size:18px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;z-index:50;padding:20px}.modal{background:var(--sidebar);border-radius:14px;width:100%;max-width:400px;padding:24px;box-shadow:0 16px 50px #00000080}.modal h2{margin:0 0 4px;font-size:18px}.modal .sub{color:var(--text-secondary);font-size:13px;margin:0 0 18px}.modal label{display:block;font-size:12px;color:var(--text-secondary);margin:14px 0 6px}.modal input{width:100%;padding:11px 13px;background:var(--bg);border:1px solid #24313d;border-radius:9px;color:var(--text);outline:none;font-size:14px}.modal input:focus{border-color:var(--accent)}.modal .row{display:flex;gap:10px;margin-top:20px}.modal .row button{flex:1;padding:11px;border-radius:9px;border:none;font-size:14px;font-weight:500}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--sidebar-hover)}.modal-error{color:var(--danger);font-size:13px;margin-top:10px;min-height:16px}.me-row{display:flex;align-items:center;gap:12px;margin-bottom:6px}.me-row .handle{font-weight:600;font-size:16px}.me-row .sub{margin:0}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:grid;place-items:center;z-index:60}.lightbox img{max-width:92vw;max-height:92vh;border-radius:8px}.search-results-label{padding:6px 16px;font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.btn-secondary{width:100%;margin-top:10px;padding:12px;background:transparent;border:1px solid #2b3a47;border-radius:10px;color:var(--text);font-size:14px;font-weight:500;transition:background .15s}.btn-secondary:hover{background:var(--sidebar-hover)}.btn-secondary.sm{padding:9px;font-size:13px;margin-top:8px}.btn-danger{width:100%;padding:12px;background:#e5595a1f;border:1px solid rgba(229,89,90,.4);border-radius:10px;color:var(--danger);font-size:14px;font-weight:600}.btn-danger:hover{background:#e5595a33}.token-block{margin-top:14px;text-align:left}.token-label{font-size:12px;color:var(--text-secondary);margin-bottom:6px}.token-row{display:flex;gap:8px;align-items:stretch}.token-value{flex:1;min-width:0;background:var(--bg);border:1px solid #24313d;border-radius:8px;padding:10px 12px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px;color:var(--accent);overflow-x:auto;white-space:nowrap}.token-copy{background:var(--accent);border:none;color:#fff;border-radius:8px;padding:0 14px;font-size:13px;font-weight:600}.token-copy:hover{background:var(--accent-hover)}.token-hint{font-size:12px;color:var(--text-muted);margin-top:5px;line-height:1.4}.save-check{display:flex;align-items:center;gap:9px;margin:18px 0 4px;font-size:13px;color:var(--text-secondary);text-align:left;cursor:pointer}.save-check input{width:17px;height:17px;accent-color:var(--accent)}.ob-label{display:block;text-align:left;font-size:12px;color:var(--text-secondary);margin:14px 0 6px}.ob-preview{text-align:left;font-size:13px;color:var(--text-secondary);margin-top:8px}.ob-preview .dim{color:var(--text-muted)}.sidebar-header .title{display:flex;flex-direction:column;line-height:1.25;overflow:hidden}.me-name{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.me-handle{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mute-ico{display:inline-flex;vertical-align:middle;margin-left:5px;color:var(--text-muted)}.mute-ico svg{width:14px;height:14px}.unread-badge.muted{background:#55636e}.modal.wide{max-width:440px;display:flex;flex-direction:column;max-height:82vh}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.modal-head h2{margin:0}.modal-input{width:100%;padding:11px 13px;background:var(--bg);border:1px solid #24313d;border-radius:9px;color:var(--text);outline:none;font-size:14px;margin-bottom:10px}.modal-input:focus{border-color:var(--accent)}.field-hint{font-size:12px;color:var(--text-muted);margin-top:6px}.settings-divider{height:1px;background:var(--divider);margin:20px 0 14px}.tabs{display:flex;gap:6px;margin:6px 0 14px;background:var(--bg);border-radius:10px;padding:4px}.tab{flex:1;padding:9px;border:none;background:transparent;color:var(--text-secondary);border-radius:7px;font-size:14px;font-weight:500}.tab.active{background:var(--accent);color:#fff}.search-inline{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg);border:1px solid #24313d;border-radius:10px;color:var(--text-secondary)}.search-inline input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:14px}.user-list{flex:1;overflow-y:auto;margin-top:10px;min-height:120px}.user-row{display:flex;align-items:center;gap:11px;padding:8px 6px;border-radius:9px;cursor:pointer}.user-row:hover{background:var(--sidebar-hover)}.user-row.selected{background:var(--sidebar-active)}.user-row-name{font-weight:500;font-size:14px}.user-row-handle{font-size:12px;color:var(--text-secondary)}.user-check{color:var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 4px}.chip{display:inline-flex;align-items:center;gap:5px;background:var(--sidebar-active);color:#fff;padding:5px 10px;border-radius:14px;font-size:13px;cursor:pointer}.chip svg{width:13px;height:13px}.group-name-row{display:inline-flex;align-items:center;gap:8px}.icon-btn.sm{width:30px;height:30px}.icon-btn.sm svg{width:16px;height:16px}.group-title-edit{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:4px}.group-title-edit input{flex:0 1 220px;padding:9px 12px;background:var(--bg);border:1px solid var(--accent);border-radius:9px;color:var(--text);font-size:16px;outline:none;text-align:center}.profile-hero{text-align:center;padding:10px 0 6px}.avatar.xl{width:88px;height:88px;font-size:32px;margin:0 auto 12px}.profile-name{font-size:20px;font-weight:600}.profile-handle{font-size:14px;color:var(--text-secondary);margin-top:2px}.profile-bio{font-size:14px;color:var(--text);margin-top:10px;line-height:1.4}.avatar.clickable,.who{cursor:pointer}.bubble-wrap{position:relative;display:flex;align-items:flex-start;gap:4px;max-width:min(72%,520px)}.msg-row.out .bubble-wrap{flex-direction:row-reverse;margin-left:auto}.bubble-wrap .bubble{max-width:100%}.bubble-sender{font-size:13px;font-weight:600;margin-bottom:2px;cursor:pointer}.reply-quote{border-left:3px solid var(--accent);padding:2px 8px;margin-bottom:4px;background:#0000002e;border-radius:4px;font-size:13px}.reply-quote .rq-name{display:block;color:var(--accent);font-weight:600}.reply-quote .rq-body{color:var(--text-secondary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.body.deleted{font-style:italic;color:var(--text-muted)}.reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.reaction{background:#00000040;border:1px solid transparent;border-radius:12px;padding:2px 8px;font-size:12px;color:var(--text);cursor:pointer}.reaction.mine{background:#3aa0e340;border-color:var(--accent)}.msg-actions{position:relative;display:flex;gap:2px;align-self:center;opacity:0;transition:opacity .12s}.bubble-wrap:hover .msg-actions{opacity:1}.ma-btn{width:30px;height:30px;border-radius:50%;border:none;background:var(--sidebar-hover);color:var(--text-secondary);display:grid;place-items:center}.ma-btn:hover{background:var(--sidebar-active);color:#fff}.ma-btn svg{width:16px;height:16px}.react-palette{position:absolute;bottom:36px;left:0;background:var(--sidebar);border:1px solid var(--divider);border-radius:20px;padding:5px 8px;display:flex;gap:3px;box-shadow:0 6px 20px #0006;z-index:20}.msg-row.out .react-palette{left:auto;right:0}.react-palette button{background:none;border:none;font-size:20px;padding:3px;border-radius:8px}.react-palette button:hover{background:var(--sidebar-hover);transform:scale(1.2)}.msg-menu{position:absolute;top:36px;right:0;background:var(--sidebar);border:1px solid var(--divider);border-radius:10px;padding:5px;min-width:140px;box-shadow:0 6px 20px #0006;z-index:20}.msg-menu button{display:flex;align-items:center;gap:9px;width:100%;background:none;border:none;color:var(--text);padding:9px 10px;border-radius:7px;font-size:14px;text-align:left}.msg-menu button:hover{background:var(--sidebar-hover)}.msg-menu button.danger{color:var(--danger)}.edit-box input{width:260px;max-width:60vw;background:#00000040;border:1px solid var(--accent);border-radius:8px;padding:7px 10px;color:var(--text);font-size:14px;outline:none}.edit-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}.edit-actions button{background:none;border:none;color:var(--text-secondary);font-size:13px}.edit-actions button.save{color:var(--accent);font-weight:600}.reply-banner{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--header);border-top:1px solid var(--divider);color:var(--accent)}.reply-banner .rb-text{flex:1;min-width:0}.rb-name{font-size:13px;font-weight:600}.rb-body{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emoji-anchor{position:relative}.emoji-panel{position:absolute;bottom:48px;left:0;width:300px;max-height:220px;overflow-y:auto;background:var(--sidebar);border:1px solid var(--divider);border-radius:12px;padding:8px;display:grid;grid-template-columns:repeat(8,1fr);gap:2px;box-shadow:0 8px 24px #0006;z-index:30}.emoji-panel button{background:none;border:none;font-size:20px;padding:4px;border-radius:8px}.emoji-panel button:hover{background:var(--sidebar-hover)}.login-logo.pending{background:linear-gradient(180deg,#eda86c,#d18b45);box-shadow:0 6px 20px #eda86c59}.login-logo.pending svg{width:40px;height:40px;color:#fff}.pending-box{background:var(--bg);border:1px solid #24313d;border-radius:10px;padding:12px 14px;margin-top:18px;text-align:left}.pending-row{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:4px 0}.pending-row span{color:var(--text-secondary)}.pending-tag{font-size:10px;text-transform:uppercase;letter-spacing:.4px;font-weight:600;padding:1px 6px;border-radius:8px;margin-left:6px;vertical-align:middle;background:#eda86c2e;color:#eda86c}.link-btn{background:none;border:none;color:var(--text-muted);font-size:13px;text-decoration:underline;margin-top:14px}.link-btn:hover{color:var(--text-secondary)}.bot-card{background:var(--bg);border:1px solid #23303b;border-radius:12px;padding:12px;margin-bottom:10px}.bot-create{display:flex;flex-direction:column;gap:4px}.field-hint code{background:#0000004d;padding:1px 5px;border-radius:4px;font-size:12px;color:var(--accent)}.priv-section{text-align:left}.priv-head{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px;margin-bottom:12px}.priv-head svg{width:17px;height:17px;color:var(--accent)}.priv-row{margin-bottom:14px}.priv-label{font-size:13px;color:var(--text-secondary);margin-bottom:6px}.composer-locked{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 16px;background:var(--header);border-top:1px solid var(--divider);color:var(--text-secondary);font-size:14px}.composer-locked svg{width:18px;height:18px}.role-badge{display:inline-flex;align-items:center;gap:3px;margin-left:8px;font-size:11px;text-transform:uppercase;letter-spacing:.3px;padding:1px 7px 1px 5px;border-radius:10px;vertical-align:middle}.role-badge svg{width:11px;height:11px}.role-badge.owner{background:#f2749a2e;color:#f2749a}.role-badge.admin{background:#3aa0e32e;color:var(--accent)}.role-btn{background:transparent;border:1px solid #2b3a47;color:var(--text-secondary);border-radius:8px;padding:6px 10px;font-size:12px;white-space:nowrap}.role-btn:hover{background:var(--sidebar-hover);color:var(--text)}.md-code{background:#00000052;border-radius:4px;padding:1px 5px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.92em}.md-pre{background:#00000052;border-radius:8px;padding:9px 11px;margin:5px 0;overflow-x:auto;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.88em;line-height:1.45;white-space:pre}.md-pre code{background:none;padding:0}.spoiler{background:#46525e;color:transparent;border-radius:4px;cursor:pointer;transition:color .18s,background .18s;-webkit-user-select:none;user-select:none}.spoiler.shown{background:#0003;color:inherit;-webkit-user-select:text;user-select:text;cursor:auto}.e2e-badge{font-size:14px;opacity:.75;cursor:help;-webkit-user-select:none;user-select:none}.e2e-badge.off{opacity:.95}.warn-icon{font-size:46px;text-align:center;margin-bottom:6px}.warn-meta{font-size:12px;color:var(--text-muted)}.warn-box{background:#e5595a1a;border:1px solid rgba(229,89,90,.35);border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.5;color:var(--text-secondary);margin-top:14px}.attach-file{width:100%;text-align:left;background:#0003;border:none;cursor:pointer}.attach-file:hover{background:#00000052}.attach-file .fi.risky{background:#e5595a40;font-size:19px}.drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;background:#0e1621d1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;pointer-events:none}.drop-box{border:2.5px dashed var(--accent);border-radius:16px;padding:40px 60px;display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--accent);font-size:17px;font-weight:600}.drop-box svg{width:40px;height:40px}.app[data-density=compact] .messages{gap:0}.app[data-density=compact] .msg-row{margin-top:1px}.app[data-density=compact] .bubble{padding:4px 10px}.app[data-density=compact] .convo-item{padding:6px 12px}.app[data-density=compact] .convo-item .avatar{width:40px;height:40px;min-width:40px}.app[data-bg=plain] .chat-pane{background:#0e1621}.app[data-bg=dusk] .chat-pane{background:linear-gradient(160deg,#2a2140,#1b2735 55%,#0e1621)}.app[data-bg=forest] .chat-pane{background:linear-gradient(160deg,#123128,#12212a 60%,#0e1621)}.app[data-bg=mono] .chat-pane{background:#14181c}.app[data-anim=off] [class*=emo-]{animation:none!important}@media (prefers-reduced-motion: reduce){[class*=emo-]{animation:none!important}}.body.jumbo[class*=emo-]{display:inline-block;transform-origin:center;will-change:transform}.emo-float{animation:emoFloat 2.4s ease-in-out infinite}.emo-beat{animation:emoBeat 1.1s ease-in-out infinite}.emo-bounce{animation:emoBounce 1.1s ease infinite}.emo-shake{animation:emoShake 1.6s ease-in-out infinite}.emo-spin{animation:emoSpin 3s linear infinite}.emo-pulse{animation:emoPulse 1.3s ease-in-out infinite}.emo-pop{animation:emoPop 1.4s ease-in-out infinite}.emo-flicker{animation:emoFlicker .9s ease-in-out infinite}.emo-drop{animation:emoDrop 2s ease-in-out infinite}.emo-wiggle{animation:emoWiggle 1.6s ease-in-out infinite}.emo-launch{animation:emoLaunch 1.8s ease-in-out infinite}@keyframes emoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes emoBeat{0%,to{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(1)}45%{transform:scale(1.18)}}@keyframes emoBounce{0%,to{transform:translateY(0)}40%{transform:translateY(-14px)}60%{transform:translateY(-6px)}}@keyframes emoShake{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}@keyframes emoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes emoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.22)}}@keyframes emoPop{0%,to{transform:scale(1) rotate(0)}40%{transform:scale(1.2) rotate(-8deg)}70%{transform:scale(1.1) rotate(8deg)}}@keyframes emoFlicker{0%,to{transform:scale(1) rotate(-2deg);filter:brightness(1)}50%{transform:scale(1.12) rotate(2deg);filter:brightness(1.25)}}@keyframes emoDrop{0%,to{transform:translateY(0)}60%{transform:translateY(5px)}}@keyframes emoWiggle{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@keyframes emoLaunch{0%,to{transform:translateY(0) rotate(-45deg)}50%{transform:translateY(-12px) rotate(-45deg)}}.reaction{animation:reactPop .28s ease}.app[data-anim=off] .reaction{animation:none}@keyframes reactPop{0%{transform:scale(.6);opacity:.3}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.appearance-scroll{overflow-y:auto;max-height:62vh;padding-right:4px}.seg-row{margin:14px 0}.seg-label{font-size:14px;font-weight:500;margin-bottom:8px}.seg{display:flex;gap:4px;background:var(--bg);border-radius:10px;padding:4px}.seg button{flex:1;padding:8px 6px;border:none;background:transparent;color:var(--text-secondary);border-radius:7px;font-size:13px;font-weight:500}.seg button.active{background:var(--accent);color:#fff}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0;cursor:pointer}.switch{width:46px;height:26px;border-radius:13px;background:#33404c;position:relative;transition:background .18s;flex-shrink:0}.switch.on{background:var(--accent)}.switch .knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .18s}.switch.on .knob{transform:translate(20px)}.bg-preview-row{display:flex;gap:8px;margin-top:4px}.bg-swatch{width:46px;height:34px;border-radius:8px;border:2px solid transparent;cursor:pointer}.bg-swatch.active{border-color:var(--accent)}.bg-swatch.bg-default{background:linear-gradient(180deg,#0e1621,#0b131c)}.bg-swatch.bg-plain{background:#0e1621}.bg-swatch.bg-dusk{background:linear-gradient(160deg,#2a2140,#0e1621)}.bg-swatch.bg-forest{background:linear-gradient(160deg,#123128,#0e1621)}.bg-swatch.bg-mono{background:#14181c}.body.jumbo{line-height:1.1;padding:2px 0}.body.jumbo.j1{font-size:54px}.body.jumbo.j2{font-size:44px}.body.jumbo.j3{font-size:34px}.msg-link{color:#8fd0ff;text-decoration:underline;word-break:break-all}.msg-row.out .msg-link{color:#cfe8ff}.meta{display:inline-flex;align-items:center;gap:4px}.ticks{display:inline-flex;align-items:center;color:#a8c7e0}.ticks.read{color:#4bc2ff}.ticks svg{display:block}.attach-video{max-width:100%;max-height:320px;border-radius:8px;display:block;margin-bottom:3px;background:#000}.attach-audio{margin-bottom:3px}.attach-audio .fname{font-size:13px;margin-bottom:4px;color:var(--text)}.attach-audio audio{width:260px;max-width:60vw;height:36px}.jump-btn{position:absolute;right:22px;bottom:84px;width:46px;height:46px;border-radius:50%;background:var(--sidebar);border:1px solid var(--divider);color:var(--text-secondary);display:grid;place-items:center;box-shadow:0 4px 14px #0006;z-index:5}.jump-btn:hover{background:var(--sidebar-hover);color:#fff}.chat-pane{position:relative}.emoji-panel-lg{position:absolute;bottom:52px;left:0;width:340px;max-width:92vw;height:320px;background:var(--sidebar);border:1px solid var(--divider);border-radius:12px;box-shadow:0 10px 30px #00000080;z-index:40;display:flex;flex-direction:column;overflow:hidden}.emoji-cats{display:flex;gap:2px;padding:6px;border-bottom:1px solid var(--divider);overflow-x:auto}.emoji-cats button{background:none;border:none;font-size:19px;padding:5px 7px;border-radius:8px;flex-shrink:0;opacity:.65}.emoji-cats button.active{background:var(--sidebar-active);opacity:1}.emoji-grid{flex:1;overflow-y:auto;padding:8px;display:grid;grid-template-columns:repeat(8,1fr);gap:1px}.emoji-grid button{background:none;border:none;font-size:22px;padding:3px;border-radius:8px;line-height:1.2}.emoji-grid button:hover{background:var(--sidebar-hover);transform:scale(1.25)}.chat-header .avatar.sm{position:relative}.conn-banner{position:fixed;top:0;left:0;right:0;z-index:100;background:#b5852a;color:#fff;text-align:center;font-size:13px;padding:5px}.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);z-index:100;background:#2b3a47;color:#fff;padding:11px 18px;border-radius:10px;font-size:14px;box-shadow:0 6px 20px #0006;max-width:90vw;text-align:center}.only-mobile{display:none!important}@media (max-width: 720px){.sidebar{width:100%;min-width:0}.sidebar.hidden-mobile,.chat-pane.hidden-mobile{display:none}.messages{padding:12px 10px}.bubble{max-width:82%}.only-mobile{display:grid!important}}