@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600&family=IBM+Plex+Mono:wght@400&display=swap";:root{color-scheme:light;--bg: #f6eee4;--surface: #fffaf4;--surface-2: #f3e8da;--text: #2f251d;--muted: #7f6b58;--border: #e5d6c2;--accent: #c26f3f;--accent-soft: #f2dac5;--bubble-in: #f8eee2;--bubble-out: #f3dcc9;--danger: #b54c4c;--shadow: 0 12px 28px rgba(84, 58, 30, .12);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--panel: var(--surface);--surface-alt: var(--surface-2);--ink: var(--text);--bg-alt: #eee2d0;--accent-2: #936241}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,system-ui,sans-serif;background:radial-gradient(circle at top left,#fff8ef 0%,var(--bg) 56%,#f1e4d3 100%);color:var(--ink)}button,input,textarea,select{font:inherit}.auth-check-shell,.landing-shell{min-height:100dvh;min-height:100vh;display:grid;place-items:center;padding:1rem}.auth-check-card,.landing-card{width:min(520px,100%);background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:1.25rem;box-shadow:var(--shadow)}.landing-card h1{margin:0}.landing-card p{margin:.5rem 0 1rem;color:var(--muted)}.landing-card label{display:block;margin:.75rem 0 .3rem;font-weight:600}.landing-card input{width:100%;border:1px solid var(--border);border-radius:10px;padding:.65rem .75rem;background:var(--surface-alt)}.landing-actions{margin-top:1rem;display:grid;gap:.6rem;grid-template-columns:1fr}.btn-primary,.btn-secondary{min-height:44px;border-radius:12px;border:1px solid var(--border);padding:.6rem .9rem}.btn-primary{background:var(--accent);color:#fff;border-color:transparent}.btn-secondary{background:var(--surface-alt)}.btn-primary.active{box-shadow:0 0 0 2px #f26a2e33}.btn-secondary.active{border-color:var(--accent-2)}.inline-error{color:var(--danger);margin-top:.35rem;font-size:.9rem}.inline-hint{color:var(--muted);margin-top:.35rem;font-size:.85rem}.inline-success{color:var(--accent-2);margin-top:.35rem;font-size:.9rem}.text-button{margin-top:.5rem;border:none;background:transparent;color:var(--accent-2);text-decoration:underline;text-align:left;padding:0;cursor:pointer}.app-shell{display:grid;grid-template-areas:"topbar" "main";grid-template-columns:1fr;grid-template-rows:auto 1fr;height:100dvh;height:100vh;overflow:hidden}.topbar{grid-area:topbar;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.brand{font-weight:600;letter-spacing:.02em}.status{font-size:.85rem;padding:.35rem .6rem;border-radius:999px;background:var(--surface-alt);color:var(--muted)}.status.connected{color:var(--accent-2);border:1px solid rgba(63,123,111,.3)}.status.reconnecting{color:var(--accent);border:1px solid rgba(242,106,46,.3)}.channel-toggle{border:1px solid var(--border);background:var(--surface-alt);padding:.5rem .9rem;border-radius:12px;min-height:44px}.chat-main{grid-area:main;display:flex;flex-direction:column;min-height:0;overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--surface-alt);gap:.75rem}.channel-title{font-weight:600}.identity-pill{font-size:.85rem;color:var(--accent-2);background:#3f7b6f1f;border:1px solid rgba(63,123,111,.2);padding:.35rem .6rem;border-radius:999px}.identity-actions{display:flex;align-items:center;gap:.5rem}.logout-button{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:10px;padding:.45rem .7rem;min-height:36px}.sidebar-title{font-weight:600;margin-bottom:.5rem}.sidebar-title.users{margin-top:1rem}.nick-control{display:flex;gap:.5rem;align-items:center}.nick-control input{padding:.4rem .6rem;border-radius:8px;border:1px solid var(--border);min-width:120px}.nick-control button{padding:.4rem .8rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);min-height:40px}.message-list{flex:1;overflow:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.msg{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:.75rem 1rem;box-shadow:var(--shadow)}.msg-nick{font-size:.8rem;color:var(--muted);margin-bottom:.35rem}.msg-text{white-space:pre-wrap;line-height:1.4}.msg.system{background:transparent;border:none;box-shadow:none;color:var(--muted);font-size:.9rem}.msg.system.error{color:var(--danger)}.msg.dm{background:#fff7ec;border-color:#f3d7bb}.msg.dm.mine{background:#f2fbf6;border-color:#cce9da}.msg-image{border:none;background:transparent;padding:0;width:100%;text-align:left}.msg-image img{max-width:100%;border-radius:12px;border:1px solid var(--border)}.composer{position:sticky;bottom:0;padding:.75rem 1rem 1rem;background:linear-gradient(0deg,#f7f2eaf2,#f7f2eab3);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.composer-row{display:grid;grid-template-columns:auto 1fr auto;gap:.6rem;align-items:center}.composer textarea{width:100%;resize:vertical;padding:.6rem .8rem;border-radius:12px;border:1px solid var(--border);min-height:44px;max-height:120px}.image-button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .9rem;border-radius:12px;border:1px solid var(--border);background:var(--surface);min-height:44px;cursor:pointer}.image-button input{display:none}.send-button{padding:.6rem 1rem;border-radius:12px;border:none;background:var(--accent);color:#fff;min-height:44px}.composer-error{margin-bottom:.5rem;color:var(--danger);font-size:.9rem}.channel-sidebar{display:none}.channel-drawer{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;transform:translate(-100%);transition:transform .2s ease;z-index:10;overflow:auto}.channel-drawer.open{transform:translate(0)}.channel-drawer .drawer-header{background:var(--surface);padding:1rem;display:flex;align-items:center;justify-content:space-between}.channel-list{background:var(--surface);padding:1rem;display:flex;flex-direction:column;gap:.5rem;height:calc(100% - 60px);overflow:auto}.channel-drawer .channel-list{height:auto;max-height:40vh}.channel-drawer .user-list{background:var(--surface);padding:0 1rem 1rem}.channel-item{padding:.65rem 1rem;border-radius:12px;border:1px solid var(--border);background:var(--surface-alt);min-height:44px;text-align:left}.channel-item.active{background:var(--accent);color:#fff;border-color:transparent}.user-list{display:flex;flex-direction:column;gap:.45rem;overflow:auto;min-height:0}.user-item{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.45rem .6rem;border:1px solid var(--border);border-radius:10px;background:var(--surface-alt);text-align:left}.user-item small{color:var(--muted)}.user-item.self{opacity:.75}.user-item.active{border-color:var(--accent-2)}.user-item.unread{border-color:var(--accent);animation:dmBlink 1s steps(2,start) infinite}.dm-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.2rem;height:1.2rem;margin-left:.45rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.72rem;padding:0 .3rem}@keyframes dmBlink{0%,to{background:var(--surface-alt)}50%{background:#ffe0cf}}.sidebar-section{display:flex;flex-direction:column;min-height:0}.sidebar-section.users{flex:1}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0a05cc;display:flex;align-items:center;justify-content:center;z-index:20}.lightbox-inner{max-width:90vw;max-height:90vh}.lightbox img{max-width:100%;max-height:100%;border-radius:16px}.admin-shell{min-height:100dvh;padding:2rem;background:linear-gradient(120deg,#fdf3e1,#f4efe5)}.admin-header{display:flex;align-items:center;justify-content:space-between}.admin-section{margin-top:2rem}.admin-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:1rem}.admin-card{background:var(--surface);border-radius:16px;padding:1rem;border:1px solid var(--border);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.5rem}.admin-card input,.admin-card select{padding:.5rem .6rem;border-radius:8px;border:1px solid var(--border)}.admin-card button{padding:.5rem .75rem;border-radius:10px;border:none;background:var(--accent);color:#fff;min-height:40px}.admin-actions{display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.admin-card .admin-danger{background:var(--danger)}.admin-danger{background:var(--danger);color:#fff}.admin-channel-title{font-weight:600}.admin-meta{font-family:IBM Plex Mono,monospace;font-size:.8rem;color:var(--muted)}.admin-row{display:grid;gap:.75rem;grid-template-columns:160px 1fr auto}.admin-row input,.admin-row select{padding:.5rem .6rem;border-radius:8px;border:1px solid var(--border)}.admin-row button{border:none;border-radius:10px;background:var(--accent-2);color:#fff;min-height:44px}.admin-card .tag{align-self:flex-start;background:var(--accent-2);color:#fff;padding:.2rem .5rem;border-radius:999px;font-size:.75rem}.admin-dm-layout{display:grid;grid-template-columns:300px 1fr;gap:1rem}.admin-dm-list{display:flex;flex-direction:column;gap:.5rem;max-height:420px;overflow:auto}.admin-dm-item{text-align:left;border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:.6rem .75rem}.admin-dm-item.active{border-color:var(--accent-2);background:#eef8f4}.admin-dm-viewer{border:1px solid var(--border);border-radius:12px;background:var(--surface);max-height:420px;overflow:auto;padding:.75rem;display:flex;flex-direction:column;gap:.6rem}.admin-dm-msg{border:1px solid var(--border);border-radius:10px;background:var(--surface-alt);padding:.55rem .7rem}.admin-dm-image{margin-top:.4rem;max-width:240px;border-radius:8px;border:1px solid var(--border)}.error-text{color:var(--danger);margin-top:1rem}@media (min-width: 960px){.app-shell{grid-template-areas:"topbar topbar" "sidebar main";grid-template-columns:260px 1fr;grid-template-rows:auto minmax(0,1fr)}.channel-sidebar{grid-area:sidebar;display:flex;flex-direction:column;min-height:0;overflow:hidden;border-right:1px solid var(--border);background:var(--surface);padding:1rem;gap:.75rem}.channel-sidebar .sidebar-section{display:flex;flex-direction:column;min-height:0}.channel-sidebar .sidebar-section:first-child{flex:0 0 68%}.channel-sidebar .channel-list{height:auto;max-height:none;flex:1;min-height:0}.channel-sidebar .user-list{flex:1;min-height:0}.channel-toggle,.channel-drawer{display:none}.chat-main{grid-area:main}}@media (max-width: 720px){.identity-actions{width:100%;justify-content:flex-end}.nick-control{flex-direction:column;align-items:stretch}.composer-row{grid-template-columns:auto 1fr;grid-template-rows:auto auto}.send-button{grid-column:1 / -1}.admin-row,.admin-dm-layout{grid-template-columns:1fr}}.admin2-shell{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:260px minmax(0,1fr);background:linear-gradient(180deg,#f4f6f9,#eef2f7);color:#192131}.admin2-sidebar{border-right:1px solid #d8deea;background:#111827;color:#e8eefc;padding:20px 14px;display:flex;flex-direction:column;gap:16px}.admin2-sidebar-brand{font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:#9fb3d9;padding:6px 10px}.admin2-nav{display:flex;flex-direction:column;gap:6px}.admin2-nav-item{display:flex;align-items:center;gap:10px;width:100%;border:1px solid transparent;background:transparent;color:inherit;border-radius:12px;padding:10px;text-align:left;cursor:pointer}.admin2-nav-item:hover{background:#93c5fd1f}.admin2-nav-item.active{background:#3b82f633;border-color:#93c5fd59}.admin2-nav-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#ffffff14;flex:0 0 34px}.admin2-nav-icon svg{width:16px;height:16px}.admin2-nav-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.admin2-nav-copy strong{font-size:.92rem;line-height:1.2}.admin2-nav-copy small{color:#a2afcb;font-size:.76rem;line-height:1.2}.admin2-main{padding:24px;display:flex;flex-direction:column;gap:16px}.admin2-topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.admin2-topbar h1{margin:0;font-size:1.5rem}.admin2-breadcrumb{font-size:.8rem;color:#65758f;margin-bottom:4px}.admin2-alert-error{border:1px solid #f3b0b8;background:#fff2f4;color:#7a1b25;border-radius:10px;padding:10px 12px;font-size:.9rem}.admin2-panel-grid{display:grid;gap:16px}.admin2-card{border:1px solid #d8deea;border-radius:14px;background:#fff;box-shadow:0 10px 28px #1018280f;padding:16px;display:flex;flex-direction:column;gap:14px}.admin2-card-danger{border-color:#f2b9c0;background:#fff7f8}.admin2-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.admin2-card-head h3{margin:0;font-size:1.05rem}.admin2-card-head p{margin:5px 0 0;color:#586881;font-size:.9rem}.admin2-card-head-actions{flex-shrink:0}.admin2-btn{border:1px solid transparent;border-radius:10px;min-height:38px;padding:0 14px;font-size:.9rem;cursor:pointer}.admin2-btn:disabled{opacity:.65;cursor:not-allowed}.admin2-btn:focus-visible,.admin2-nav-item:focus-visible,.admin2-tab:focus-visible,.admin2-thread-item:focus-visible,.admin2-table button:focus-visible,.admin2-table input:focus-visible,.admin2-field input:focus-visible,.admin2-field select:focus-visible,.admin2-field textarea:focus-visible{outline:2px solid #2769d6;outline-offset:2px}.admin2-btn-primary{background:#2563eb;color:#fff}.admin2-btn-ghost{background:#f4f6fb;border-color:#d6deee;color:#1f2a3c}.admin2-btn-danger{background:#c93f53;color:#fff}.admin2-form-grid{display:grid;gap:12px}.admin2-form-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.admin2-field{display:flex;flex-direction:column;gap:6px}.admin2-field label{font-size:.82rem;color:#5b6780}.admin2-field input,.admin2-field select,.admin2-field textarea,.admin2-table input{width:100%;border:1px solid #cfd8ea;border-radius:10px;min-height:38px;padding:8px 10px;background:#fff}.admin2-field input:disabled,.admin2-field select:disabled,.admin2-field textarea:disabled{background:#eef1f6;color:#7f8a9c}.admin2-field small{color:#5d6c83;font-size:.8rem}.admin2-field-checkbox label{display:flex;align-items:center;gap:8px}.admin2-inline-error{color:#b21e34;font-size:.85rem}.admin2-inline-ok{color:#286d49;font-size:.85rem}.admin2-stat-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.admin2-stat-card{border:1px solid #d8deea;border-radius:12px;background:#f9fbff;padding:12px}.admin2-stat-label{color:#5f6f87;font-size:.8rem}.admin2-stat-value{margin-top:4px;font-weight:700;font-size:1.25rem}.admin2-stat-sub{margin-top:5px;color:#5f6f87;font-size:.82rem}.admin2-quick-actions{display:flex;flex-wrap:wrap;gap:10px}.admin2-table-wrap{overflow:auto;border:1px solid #d9deea;border-radius:12px}.admin2-table{width:100%;border-collapse:collapse;min-width:760px;background:#fff}.admin2-table th,.admin2-table td{border-bottom:1px solid #e6ebf3;text-align:left;padding:10px;vertical-align:top;font-size:.9rem}.admin2-table th{background:#f5f8ff;font-size:.8rem;text-transform:uppercase;letter-spacing:.02em;color:#5f6f87}.admin2-empty-cell{color:#677790;text-align:center;padding:18px}.admin2-row-actions{display:flex;flex-wrap:wrap;gap:8px}.admin2-tab-row{display:flex;gap:8px}.admin2-tab{border:1px solid #d6deed;background:#f3f6fd;color:#24324a;border-radius:10px;min-height:36px;padding:0 12px;cursor:pointer}.admin2-tab.active{background:#dbe9ff;border-color:#9ab8ef}.admin2-split-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:16px}.admin2-thread-list{border:1px solid #d8deea;border-radius:12px;max-height:420px;overflow:auto;padding:8px;display:flex;flex-direction:column;gap:8px;background:#fbfcff}.admin2-thread-item{border:1px solid #d8deea;border-radius:10px;background:#fff;text-align:left;padding:10px;display:flex;flex-direction:column;gap:4px;cursor:pointer}.admin2-thread-item.active{border-color:#8eb0ea;background:#edf3ff}.admin2-thread-item small{color:#5f6f87}.admin2-thread-meta{display:flex;justify-content:space-between;gap:12px;color:#5b6b83;font-size:.86rem}.admin2-message-viewer{border:1px solid #d8deea;border-radius:12px;background:#fbfcff;max-height:420px;overflow:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.admin2-message-row{border:1px solid #dce3f0;border-radius:10px;background:#fff;padding:9px;display:flex;flex-direction:column;gap:4px}.admin2-message-meta{color:#5f6f87;font-size:.8rem}.admin2-message-image{max-width:240px;border-radius:8px;border:1px solid #d8deea}.admin2-danger-slab{border:1px solid #f2b9c0;border-radius:12px;background:#fff6f7;padding:12px;display:flex;justify-content:space-between;align-items:center;gap:12px}.admin2-danger-slab p,.admin2-danger-note{margin:4px 0 0;color:#7b2731;font-size:.86rem}.admin2-empty{color:#667790;font-size:.9rem}.admin2-login-shell{min-height:100vh;min-height:100dvh;display:grid;place-items:center;background:linear-gradient(180deg,#f4f6f9,#eef2f7);padding:16px}.admin2-login-card{width:min(440px,100%);border:1px solid #d8deea;border-radius:14px;background:#fff;box-shadow:0 12px 30px #10182814;padding:18px;display:flex;flex-direction:column;gap:10px}.admin2-login-card h1{margin:0;font-size:1.3rem}.admin2-login-card p{margin:0;color:#5b6b83}.admin2-login-card label{color:#5b6b83;font-size:.82rem}.admin2-login-card input{border:1px solid #cfd8ea;border-radius:10px;min-height:38px;padding:8px 10px}.admin2-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182773;display:grid;place-items:center;z-index:40;padding:16px}.admin2-modal{width:min(460px,100%);border-radius:14px;border:1px solid #d8deea;background:#fff;padding:16px;display:flex;flex-direction:column;gap:10px}.admin2-modal h2{margin:0;font-size:1.1rem}.admin2-modal p{margin:0;color:#5b6b83;font-size:.9rem}.admin2-modal label{font-size:.82rem;color:#5b6b83}.admin2-modal input{border:1px solid #cfd8ea;border-radius:10px;min-height:38px;padding:8px 10px}.admin2-modal-actions{display:flex;justify-content:flex-end;gap:8px}.admin2-toast-stack{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:50}.admin2-toast{min-width:240px;border-radius:10px;padding:10px 12px;border:1px solid;background:#fff;box-shadow:0 10px 20px #10182814;font-size:.9rem}.admin2-toast-success{border-color:#98dab8;color:#1f6a45}.admin2-toast-error{border-color:#f0aab3;color:#872634}@media (max-width: 1100px){.admin2-shell{grid-template-columns:220px minmax(0,1fr)}}@media (max-width: 900px){.admin2-shell{grid-template-columns:1fr}.admin2-sidebar{border-right:none;border-bottom:1px solid #28354f;padding-bottom:10px}.admin2-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.admin2-main{padding:14px}.admin2-form-grid.two-col,.admin2-split-layout{grid-template-columns:1fr}.admin2-topbar{flex-direction:column;align-items:stretch}}@media (max-width: 768px){.admin2-nav{grid-template-columns:1fr}.admin2-card{padding:12px}.admin2-row-actions{flex-direction:column;align-items:stretch}.admin2-btn{width:100%}.admin2-toast-stack{right:10px;left:10px;bottom:10px}.admin2-toast{min-width:0}}.chat-layout{height:100vh;height:100dvh;display:grid;grid-template-columns:280px minmax(0,1fr);gap:var(--s-3);padding:var(--s-3);background:linear-gradient(160deg,#f9f2e8 0%,var(--bg) 46%,#f0e2d2 100%);color:var(--text)}.chat-layout-sidebar{border:1px solid color-mix(in srgb,var(--border) 72%,white);border-radius:var(--r-lg);background:color-mix(in srgb,var(--surface) 90%,#fff);min-height:0;overflow:hidden;box-shadow:0 12px 28px #543a1e1a}.chat-layout-main{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;border:1px solid color-mix(in srgb,var(--border) 72%,white);border-radius:var(--r-lg);background:color-mix(in srgb,var(--surface) 94%,white);box-shadow:0 14px 30px #543a1e1a;overflow:hidden}.chat-layout-header{border-bottom:1px solid color-mix(in srgb,var(--border) 76%,white);background:color-mix(in srgb,var(--surface) 96%,white)}.chat-layout-timeline{min-height:0;background:color-mix(in srgb,var(--surface) 88%,#fff)}.chat-layout-composer{position:sticky;bottom:0;z-index:2;border-top:1px solid color-mix(in srgb,var(--border) 72%,white);background:color-mix(in srgb,var(--surface) 95%,#fff);box-shadow:0 -8px 16px #543a1e14}.chat-layout-backdrop{display:none}.sidebar-shell{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) minmax(0,1fr);gap:var(--s-4);padding:var(--s-4) var(--s-3)}.sidebar-brand{font-size:1.04rem;font-weight:700;letter-spacing:.01em;color:var(--text);padding:var(--s-2) var(--s-1)}.sidebar-section{min-height:0;display:flex;flex-direction:column}.sidebar-section.channels{min-height:190px}.sidebar-section.users{min-height:0}.sidebar-section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);padding:var(--s-1) var(--s-2) var(--s-2)}.sidebar-section-header h2{margin:0;font-size:.8rem;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}.sidebar-section-header small{font-size:.74rem;color:var(--muted)}.sidebar-list{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:var(--s-1);padding:0 var(--s-1) 0 0}.sidebar-self-label{padding:var(--s-2) var(--s-2) var(--s-1);color:var(--muted);font-size:.76rem;border-bottom:1px dashed color-mix(in srgb,var(--border) 70%,transparent);margin-bottom:var(--s-1)}.sidebar-item{width:100%;border:1px solid transparent;border-radius:var(--r-md);background:transparent;color:var(--text);min-height:36px;padding:var(--s-2) var(--s-2);text-align:left;display:flex;align-items:center;gap:var(--s-2);cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.sidebar-item:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 45%,#fff);outline-offset:1px}.sidebar-item:hover{background:color-mix(in srgb,var(--accent-soft) 68%,transparent)}.sidebar-item.active{background:color-mix(in srgb,var(--accent-soft) 90%,white);border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.sidebar-item:disabled{cursor:not-allowed}.sidebar-item-title{font-size:.86rem;line-height:1.2;display:inline-flex;align-items:center;gap:6px}.sidebar-user-text{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}.sidebar-item-meta{color:var(--muted);font-size:.73rem;line-height:1.2}.sidebar-item-actions{display:inline-flex;gap:4px;margin-left:auto}.sidebar-mini-btn{border:1px solid color-mix(in srgb,var(--border) 85%,white);background:color-mix(in srgb,var(--surface-2) 90%,white);color:var(--muted);border-radius:999px;min-height:22px;padding:0 8px;font-size:.66rem;cursor:pointer}.sidebar-mini-btn:hover{color:var(--text)}.sidebar-mini-btn.danger:hover{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,var(--border))}.presence-dot{width:8px;height:8px;border-radius:999px;flex:0 0 8px}.presence-dot.online{background:#7fa688}.sidebar-empty{color:var(--muted);font-size:.8rem;padding:var(--s-2)}.dm-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.05rem;height:1.05rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.7rem;padding:0 var(--s-1)}.chat-header-v2{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-3) var(--s-5)}.chat-header-left,.chat-header-right{display:flex;align-items:center;gap:var(--s-2);min-width:0}.chat-thread-title{font-size:.98rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-thread-headline{min-width:0}.chat-thread-subtitle{margin-top:var(--s-1);color:var(--muted);font-size:.74rem;line-height:1.2}.chat-status-badge{border:1px solid color-mix(in srgb,var(--border) 78%,white);border-radius:999px;padding:var(--s-1) var(--s-2);font-size:.74rem;line-height:1;text-transform:capitalize;color:var(--muted);background:color-mix(in srgb,var(--surface-2) 82%,white)}.chat-status-badge.connected{color:#3f7653;border-color:#3f76534d;background:#3f76531a}.chat-status-badge.reconnecting,.chat-status-badge.disconnected{color:#91663d;border-color:#91663d4d;background:#91663d1a}.chat-button-primary,.chat-button-secondary,.chat-icon-button{border:1px solid transparent;border-radius:var(--r-md);min-height:36px;padding:0 var(--s-3);font-size:.84rem;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,transform .12s ease}.chat-button-primary{background:var(--accent);color:#fff}.chat-button-primary:disabled{opacity:.5;cursor:not-allowed}.chat-button-secondary{background:color-mix(in srgb,var(--surface-2) 84%,white);border-color:var(--border);color:var(--text)}.chat-icon-button{display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--surface-2) 84%,white);border-color:var(--border);color:var(--text);padding:0 var(--s-2);cursor:pointer}.chat-icon-button input{display:none}.chat-icon-button.danger{color:var(--danger)}.chat-mobile-only{display:none}.avatar-circle{border-radius:999px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:color-mix(in srgb,var(--surface-2) 82%,white);border:1px solid var(--border);color:var(--muted);font-weight:700}.avatar-circle img{width:100%;height:100%;display:block;object-fit:cover}.avatar-circle.tiny{width:24px;height:24px;font-size:.66rem}.avatar-circle.large{width:88px;height:88px;font-size:1.35rem}.chat-user-menu{position:relative}.chat-user-menu-button{border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 80%,white);color:var(--text);border-radius:999px;min-height:34px;padding:var(--s-1) var(--s-2) var(--s-1) var(--s-1);display:inline-flex;align-items:center;gap:var(--s-2);cursor:pointer}.chat-user-menu-name{font-size:.82rem;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;gap:6px}.chat-user-menu-dropdown{position:absolute;right:0;top:calc(100% + var(--s-2));min-width:220px;z-index:16;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow);padding:var(--s-1);display:flex;flex-direction:column;gap:var(--s-1)}.chat-user-menu-dropdown button{width:100%;text-align:left;border:1px solid transparent;border-radius:var(--r-sm);background:transparent;color:var(--text);min-height:34px;padding:0 var(--s-2);cursor:pointer}.chat-user-menu-dropdown button:hover{background:color-mix(in srgb,var(--accent-soft) 72%,transparent)}.message-list-shell{position:relative;min-height:0;height:100%}.message-list-v2{min-height:0;height:100%;overflow:auto;padding:var(--s-2) clamp(10px,1.5vw,20px);display:flex;flex-direction:column;gap:var(--s-3)}.timeline-column{width:min(100%,900px);margin:0;display:flex;flex-direction:column;gap:var(--s-2)}.timeline-welcome{width:100%;border:1px solid color-mix(in srgb,var(--border) 74%,white);border-radius:var(--r-lg);background:color-mix(in srgb,var(--surface) 85%,white);box-shadow:0 8px 20px #543a1e14;padding:var(--s-4);margin:0 0 var(--s-2)}.timeline-welcome h3{margin:0;font-size:.98rem;color:var(--text)}.timeline-welcome p{margin:var(--s-1) 0 0;color:var(--muted);font-size:.86rem}.message-group{display:grid;grid-template-columns:28px minmax(0,1fr);gap:var(--s-2);align-items:start;max-width:100%;margin-right:auto;margin-top:var(--s-1)}.message-group.mine{grid-template-columns:28px minmax(0,1fr);margin-left:0;margin-right:auto}.message-avatar{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--surface-2) 78%,white);border:1px solid color-mix(in srgb,var(--border) 75%,white);color:var(--muted);font-size:.74rem;font-weight:700}.message-avatar span{line-height:1}.message-avatar img{width:100%;height:100%;object-fit:cover;border-radius:999px}.message-group.mine .message-avatar{order:0}.message-group-main{min-width:0;display:flex;flex-direction:column;gap:var(--s-1)}.message-group.mine .message-group-main{align-items:flex-start}.message-group-meta{display:flex;align-items:center;gap:var(--s-2);color:var(--muted);font-size:.7rem;line-height:1.2;min-height:18px}.message-group-meta strong{color:var(--text);font-size:.77rem;font-weight:600;display:inline-flex;align-items:center;gap:6px}.message-group-items{display:flex;flex-direction:column;gap:var(--s-1);max-width:min(820px,100%)}.message-group.mine .message-group-items{align-items:flex-start}.message-item-row{display:inline-flex;align-items:center;gap:8px;max-width:100%}.message-bubble{border-radius:var(--r-md);background:var(--bubble-in);padding:var(--s-2) var(--s-3);font-size:.89rem;line-height:1.35;color:var(--text);max-width:100%;white-space:pre-wrap;word-break:break-word;box-shadow:0 2px 8px #543a1e12}.message-group.mine .message-bubble{background:var(--bubble-out)}.message-bubble.image{padding:4px;background:transparent;border:none;cursor:pointer}.message-bubble.image img{display:block;max-width:min(320px,100%);max-height:220px;border-radius:var(--r-md);border:1px solid color-mix(in srgb,var(--border) 80%,white)}.message-delete-btn{border:1px solid color-mix(in srgb,var(--border) 75%,white);background:color-mix(in srgb,var(--surface-2) 88%,white);color:var(--muted);border-radius:999px;font-size:.72rem;line-height:1;min-height:26px;padding:0 10px;cursor:pointer}.message-delete-btn:hover:not(:disabled){color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,var(--border))}.message-delete-btn:disabled{opacity:.7;cursor:wait}.op-badge{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:16px;padding:0 6px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent-soft) 92%,white);color:color-mix(in srgb,var(--accent) 85%,#1f2937);font-size:.62rem;font-weight:700;letter-spacing:.04em;line-height:1;text-transform:uppercase}.timeline-system{align-self:center;font-size:.78rem;color:var(--muted);padding:var(--s-1) var(--s-2);border-radius:999px;background:color-mix(in srgb,var(--surface-2) 86%,white)}.timeline-system.error{color:var(--danger);background:color-mix(in srgb,#f8d7d7 70%,white)}.timeline-announcement{width:min(100%,860px);border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));border-radius:var(--r-md);background:linear-gradient(180deg,color-mix(in srgb,var(--accent-soft) 88%,#fff),color-mix(in srgb,var(--accent-soft) 72%,#fff));box-shadow:0 10px 20px #5a34151a;padding:var(--s-3);margin:var(--s-1) 0}.timeline-announcement-head{display:flex;align-items:center;gap:var(--s-2);margin-bottom:var(--s-2)}.timeline-announcement-delete{margin-left:auto;background:none;border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-muted);font-size:.75rem;padding:2px 8px;cursor:pointer}.timeline-announcement-delete:hover{border-color:#e05252;color:#e05252}.timeline-announcement-tag{display:inline-flex;align-items:center;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 56%,var(--border));background:color-mix(in srgb,var(--accent) 16%,white);color:color-mix(in srgb,var(--accent) 80%,#4b2f16);font-size:.72rem;font-weight:700;letter-spacing:.02em;padding:2px 9px}.timeline-announcement-body{display:flex;flex-direction:column;gap:2px}.timeline-announcement-line{margin:0;color:color-mix(in srgb,var(--text) 95%,#3d2614);font-size:.94rem;line-height:1.46;white-space:pre-wrap;word-break:break-word}.timeline-announcement-line.empty{min-height:.8rem}.timeline-announcement-line a{color:color-mix(in srgb,var(--accent) 78%,#5b3013);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}.timeline-announcement-images{margin-top:var(--s-2);display:flex;flex-wrap:wrap;gap:var(--s-2)}.timeline-announcement-image{border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:var(--r-md);background:color-mix(in srgb,var(--surface) 92%,white);padding:3px;cursor:pointer;width:min(320px,100%);box-shadow:0 4px 10px #5a34151f}.timeline-announcement-image img{display:block;width:100%;max-height:220px;object-fit:cover;border-radius:calc(var(--r-md) - 3px)}.jump-latest{position:absolute;right:var(--s-4);bottom:var(--s-4);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));background:color-mix(in srgb,var(--accent-soft) 55%,white);color:var(--accent);border-radius:999px;padding:var(--s-2) var(--s-3);font-size:.78rem;box-shadow:var(--shadow);cursor:pointer}.composer-v2{padding:var(--s-2) var(--s-3) var(--s-3);width:100%;max-width:none;margin:0}.composer-preview{margin-bottom:var(--s-2);display:inline-flex;align-items:center;gap:var(--s-2);background:color-mix(in srgb,var(--surface-2) 85%,white);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s-2)}.composer-preview img{width:56px;height:56px;object-fit:cover;border-radius:var(--r-sm);border:1px solid var(--border)}.composer-row-v2{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--s-2);align-items:end;padding:var(--s-2);border:1px solid var(--border);border-radius:var(--r-lg);background:color-mix(in srgb,var(--surface) 84%,white);box-shadow:0 6px 14px #543a1e14}.composer-row-v2 textarea{width:100%;resize:none;border:1px solid color-mix(in srgb,var(--border) 80%,white);border-radius:var(--r-md);padding:var(--s-2) var(--s-3);font-size:.92rem;line-height:1.3;min-height:36px;max-height:118px;background:color-mix(in srgb,var(--surface) 92%,white);color:var(--text)}.chat-button-primary.send{min-width:70px}.composer-error{margin-bottom:var(--s-2);color:var(--danger);font-size:.82rem}.image-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c121dc2;display:grid;place-items:center;z-index:60;padding:20px}.image-modal-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#0000004d;color:#fff;font-size:1.3rem;cursor:pointer}.image-modal-content{max-width:min(920px,92vw);max-height:88vh}.image-modal-content img{max-width:100%;max-height:88vh;border-radius:12px}.chat-layout button:focus-visible,.chat-layout input:focus-visible,.chat-layout textarea:focus-visible,.chat-layout select:focus-visible,.account-shell button:focus-visible,.account-shell input:focus-visible,.account-shell a:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 64%,white);outline-offset:2px}@media (max-width: 768px){html,body{overflow-x:hidden}.chat-layout{grid-template-columns:1fr;gap:0;padding:0;overflow:hidden}.chat-layout-sidebar{position:fixed;inset:0 auto 0 0;width:min(90vw,340px);max-height:100dvh;border-radius:0;border-top:none;border-left:none;border-bottom:none;transform:translate(-100%);transition:transform .2s ease;z-index:42;box-shadow:var(--shadow)}.sidebar-shell{padding:calc(var(--s-3) + env(safe-area-inset-top,0px)) var(--s-2) calc(var(--s-3) + env(safe-area-inset-bottom,0px));gap:var(--s-3)}.sidebar-list{padding-right:0}.sidebar-item.user{flex-wrap:wrap;align-items:flex-start;row-gap:var(--s-1)}.sidebar-item.user .sidebar-user-text{flex:1 1 calc(100% - 48px)}.sidebar-item.user .sidebar-item-actions{flex:1 0 100%;margin-left:calc(8px + 24px + var(--s-2));justify-content:flex-start;flex-wrap:wrap}.sidebar-item.user .dm-badge{margin-left:auto}.chat-layout-main{height:100dvh;border:none;border-radius:0;box-shadow:none}.chat-layout.sidebar-open .chat-layout-sidebar{transform:translate(0)}.chat-layout-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:none;background:#231a0f47;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:41}.chat-layout.sidebar-open .chat-layout-backdrop{opacity:1;pointer-events:auto}.chat-mobile-only{display:inline-flex}.chat-header-v2{min-height:52px;align-items:center;padding:calc(var(--s-2) + env(safe-area-inset-top,0px)) var(--s-3) var(--s-2)}.chat-header-left{min-width:0;flex:1 1 auto}.chat-thread-subtitle{display:none}.chat-header-right{gap:var(--s-1);margin-left:auto;flex-wrap:nowrap;justify-content:flex-end}.chat-status-badge{font-size:.68rem;padding:2px 6px}.chat-user-menu{min-width:0}.chat-user-menu-button{min-height:32px;padding:2px 8px 2px 2px;max-width:100%}.chat-user-menu-name{max-width:96px}.chat-user-menu-dropdown{min-width:190px}.chat-button-secondary{min-height:34px;padding:0 10px;white-space:nowrap}.message-list-v2{padding:var(--s-2)}.timeline-column{width:100%;margin:0}.message-group,.message-group.mine{grid-template-columns:24px minmax(0,1fr);gap:var(--s-1)}.message-avatar{width:24px;height:24px;font-size:.62rem}.message-item-row{flex-direction:column;align-items:flex-start;gap:4px}.message-delete-btn{min-height:24px}.chat-layout-composer{padding-bottom:env(safe-area-inset-bottom,0px)}.composer-v2{padding:var(--s-2) var(--s-3) calc(var(--s-3) + env(safe-area-inset-bottom,0px));max-width:none;margin:0}.composer-row-v2{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:var(--s-1)}.composer-row-v2 textarea{font-size:16px}.chat-button-primary.send{grid-column:1 / -1;width:100%}.jump-latest{right:var(--s-3);bottom:calc(var(--s-3) + 62px + env(safe-area-inset-bottom,0px))}}@media (max-width: 560px){.chat-layout-sidebar{width:min(92vw,340px)}.chat-status-badge{display:none}.chat-user-menu-name{max-width:74px}.chat-button-secondary{min-height:32px;padding:0 8px;font-size:.78rem}.chat-header-v2{padding-left:var(--s-2);padding-right:var(--s-2)}}.account-shell{min-height:100vh;min-height:100dvh;position:relative;padding:var(--s-3);display:flex;justify-content:flex-end;align-items:stretch}.account-shell.standalone{background:linear-gradient(180deg,#f6ecdf,var(--bg))}.account-shell.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:transparent}.account-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;border:none;background:#24190b33;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.account-shell.standalone .account-backdrop{display:none}.account-drawer{position:relative;z-index:1;width:min(100%,620px);height:calc(100dvh - var(--s-3) * 2);border:1px solid color-mix(in srgb,var(--border) 82%,white);border-radius:var(--r-lg);background:color-mix(in srgb,var(--surface) 94%,white);box-shadow:0 18px 38px #31221129;display:flex;flex-direction:column;overflow:hidden;animation:account-drawer-in .16s ease-out}@keyframes account-drawer-in{0%{transform:translate(18px);opacity:0}to{transform:translate(0);opacity:1}}.account-scroll{min-height:0;overflow:auto;padding:var(--s-3);display:flex;flex-direction:column;gap:var(--s-3)}.account-header{padding:var(--s-3) var(--s-4) var(--s-2);border-bottom:1px solid color-mix(in srgb,var(--border) 78%,white);background:color-mix(in srgb,var(--surface) 97%,white)}.account-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2)}.account-header h1{margin:var(--s-1) 0 0;font-size:1.35rem}.account-breadcrumb{font-size:.8rem;color:var(--muted)}.account-breadcrumb a{color:var(--accent);text-decoration:none}.account-card{width:100%;border:1px solid color-mix(in srgb,var(--border) 80%,white);border-radius:var(--r-lg);background:color-mix(in srgb,var(--surface) 95%,white);box-shadow:0 8px 16px #31221114;padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-3)}.account-card h2{margin:0;font-size:1.02rem}.account-profile-grid{display:grid;grid-template-columns:180px minmax(0,1fr);gap:var(--s-4)}.account-avatar-editor{display:flex;flex-direction:column;gap:var(--s-3);align-items:flex-start}.account-file-button{position:relative;overflow:hidden;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:40px;min-width:132px;padding:0 var(--s-3);border-style:dashed;border-width:1px;border-color:color-mix(in srgb,var(--border) 86%,white);background:color-mix(in srgb,var(--surface-2) 86%,white);font-weight:600}.account-file-button:hover{background:color-mix(in srgb,var(--accent-soft) 72%,white);border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.account-file-button:focus-within{outline:2px solid color-mix(in srgb,var(--accent) 38%,transparent);outline-offset:1px}.account-file-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.account-avatar-actions{display:flex;flex-wrap:wrap;gap:var(--s-2)}.account-fields,.account-password-grid{display:grid;grid-template-columns:1fr;gap:var(--s-2);max-width:none}.account-fields label,.account-password-grid label{font-size:.82rem;color:var(--muted)}.account-fields input,.account-password-grid input{width:100%;border:1px solid color-mix(in srgb,var(--border) 85%,white);border-radius:var(--r-md);min-height:38px;padding:var(--s-2) var(--s-3);background:color-mix(in srgb,var(--surface) 95%,white)}.account-fields input[readonly]{background:color-mix(in srgb,var(--surface-2) 72%,white);color:var(--muted)}.account-inline-error{color:#b11f33;font-size:.84rem}.account-toast{width:100%;border-radius:var(--r-md);padding:var(--s-2) var(--s-3);border:1px solid;font-size:.9rem}.account-toast.success{border-color:#a2d9b8;color:#2f7552;background:#eff9f2}.account-toast.error{border-color:#e8b5b9;color:#8c2f3a;background:#fff3f4}@media (max-width: 860px){.account-profile-grid{grid-template-columns:1fr}}@media (max-width: 768px){.account-shell{padding:0}.account-backdrop{display:none}.account-drawer{width:100%;height:100dvh;border-radius:0;border-left:none;border-right:none}.account-header,.account-scroll{padding:var(--s-3)}}