:root{--bg:#f4f6fb;--surface:#fff;--surface-2:#f0f2f7;--border:#e3e7ee;--text:#161b26;--text-muted:#5b6472;--primary:#4c6ef5;--primary-hover:#3b5bdb;--primary-contrast:#fff;--danger:#e03131;--shadow:0 12px 40px #1e2d5a1a;--blob-1:#4c6ef538;--blob-2:#be4bdb2e}:root[data-theme=dark]{--bg:#141316;--surface:#1c1b1f;--surface-2:#2a2832;--border:#322f3a;--text:#f3f1f8;--text-muted:#b4b0c2;--primary:#7b6cf0;--primary-hover:#968cf7;--primary-contrast:#fff;--danger:#f0506e;--bubble-own:linear-gradient(135deg, #6c5ce7, #8b5cf6);--grad-accent:linear-gradient(135deg, #7b6cf0, #a78bfa);--grad-bar:linear-gradient(90deg, #241f3a, #2a2140);--shadow:0 10px 30px #0009;--blob-1:#7b6cf01a;--blob-2:#a78bfa14}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}::-webkit-scrollbar-track{background:0 0}html,body{margin:0;padding:0}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background-color .4s,color .4s;overflow-x:hidden}body:before,body:after{content:"";z-index:-1;filter:blur(90px);pointer-events:none;will-change:transform;border-radius:50%;width:45vmax;height:45vmax;position:fixed}body:before{background:var(--blob-1);animation:22s ease-in-out infinite alternate drift1;top:-12vmax;left:-10vmax}body:after{background:var(--blob-2);animation:26s ease-in-out infinite alternate drift2;bottom:-14vmax;right:-10vmax}@keyframes drift1{0%{transform:translate(0)scale(1)}to{transform:translate(8vmax,6vmax)scale(1.15)}}@keyframes drift2{0%{transform:translate(0)scale(1)}to{transform:translate(-7vmax,-5vmax)scale(1.1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){body:before,body:after{animation:none}.animate-in{animation:none!important}}.center-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;min-height:100vh;padding:2rem;display:flex}.brand{letter-spacing:-.02em;background:linear-gradient(135deg, var(--primary), #c44bdb);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.75rem;font-weight:800}.card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:380px;box-shadow:var(--shadow);border-radius:18px;padding:2rem;transition:background-color .4s,border-color .4s}.animate-in{animation:.6s cubic-bezier(.22,1,.36,1) both fadeInUp}.stack{flex-direction:column;gap:1rem;display:flex}.field{text-align:left;color:var(--text-muted);flex-direction:column;gap:6px;font-size:.875rem;display:flex}.input{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:10px;outline:none;padding:.65rem .8rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4c6ef540}.btn{background:var(--grad-accent,var(--primary));color:var(--primary-contrast);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.1rem;font-size:1rem;font-weight:600;text-decoration:none;transition:filter .2s,transform .1s,box-shadow .2s;display:inline-flex}.btn:hover{filter:brightness(1.1);box-shadow:0 8px 22px #7b6cf066}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.1rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background-color .2s,border-color .2s;display:inline-flex}.btn-ghost:hover{background:var(--surface-2)}.field-error{color:var(--danger);font-size:.8rem;font-weight:500}.input.invalid{border-color:var(--danger)}.input.invalid:focus{box-shadow:0 0 0 3px #e0313133}.title{margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.muted{color:var(--text-muted);margin:0;font-size:.9rem}.error{color:var(--danger);background:#e031311a;border:1px solid #e0313140;border-radius:8px;padding:.6rem .75rem;font-size:.9rem}.link{color:var(--primary);font-weight:600;text-decoration:none}.link:hover{text-decoration:underline}.theme-toggle{border:1px solid var(--border);background:var(--surface);width:42px;height:42px;color:var(--text);cursor:pointer;box-shadow:var(--shadow);z-index:10;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;transition:transform .2s,background-color .3s;display:flex;position:fixed;top:1.1rem;right:1.1rem}.theme-toggle:hover{transform:rotate(20deg)scale(1.08)}.spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}.page{max-width:980px;margin:0 auto;padding:5rem 1.5rem 3rem}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.row-between{justify-content:space-between;align-items:center;gap:1rem;display:flex}.panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.tabs{gap:.5rem;margin-bottom:1.5rem;display:flex}.tab{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;padding:.5rem 1rem;font-weight:600;transition:all .2s}.tab.active{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast)}.table{border-collapse:collapse;width:100%;font-size:.92rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:.7rem .6rem}.table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:600}.table tr:last-child td{border-bottom:none}.badge{border:1px solid #0000;border-radius:999px;padding:.15rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.badge-admin{color:var(--primary);background:#4c6ef526}.badge-active{color:#2f9e44;background:#40c05726}.badge-pending{color:#e8590c;background:#f59f002e}.badge-suspended{color:var(--danger);background:#e0313126}.badge-member{background:var(--surface-2);color:var(--text-muted)}.btn-sm{border-radius:8px;padding:.35rem .7rem;font-size:.82rem}.actions{flex-wrap:wrap;gap:.4rem;display:flex}.checklist{flex-direction:column;gap:.25rem;margin-top:.5rem;display:flex}.checklist label{cursor:pointer;border-radius:8px;align-items:center;gap:.6rem;padding:.5rem .6rem;transition:background-color .15s;display:flex}.checklist label:hover{background:var(--surface-2)}.checklist input{width:16px;height:16px;accent-color:var(--primary)}.empty{color:var(--text-muted);text-align:center;padding:2rem}.activity-feed{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:340px;min-height:0;display:flex}.activity-head{border-bottom:1px solid var(--border);padding:14px 16px 8px}.activity-tabs{gap:18px;margin-top:10px;display:flex}.activity-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:4px 0 6px;font-size:.9rem;font-weight:600}.activity-tab.active{color:var(--text);border-bottom-color:var(--primary)}.activity-list{flex:1;min-height:0;overflow-y:auto}.activity-item{cursor:pointer;border-left:3px solid #0000;align-items:flex-start;gap:10px;padding:11px 14px;display:flex}.activity-item:hover{background:var(--surface-2)}.activity-item.selected{border-left-color:var(--primary);background:#6c5ce729}.activity-badge{color:#fff;border:2px solid var(--surface);border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;font-size:9px;display:flex;position:absolute;bottom:-3px;right:-3px}.activity-dot{background:var(--primary);border-radius:50%;flex-shrink:0;align-self:center;width:8px;height:8px}.act-bubble{background:var(--surface-2);border:1px solid var(--border);border-radius:4px 14px 14px;max-width:70%;padding:8px 12px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.project-card{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:12px;flex-direction:column;gap:.4rem;padding:1.1rem 1.2rem;text-decoration:none;transition:transform .15s,border-color .2s,box-shadow .2s;display:flex}.project-card:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-2px)}.project-card .open-hint{color:var(--primary);margin-top:.4rem;font-size:.85rem;font-weight:600}.avatar{background:var(--primary);width:34px;height:34px;color:var(--primary-contrast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:inline-flex}.member-row{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.6rem 0;display:flex}.member-row:last-child{border-bottom:none}.app-root{flex-direction:column;width:100%;height:100vh;display:flex}.app-shell{flex:1;width:100%;min-height:0;display:flex}.topbar{background:var(--primary);flex-shrink:0;grid-template-columns:1fr minmax(280px,600px) 1fr;align-items:center;gap:12px;height:48px;padding:0 12px;display:grid}:root[data-theme=dark] .topbar{background:var(--grad-bar);border-bottom:1px solid var(--border)}:root[data-theme=dark] body{background:radial-gradient(900px 500px at 100% 0%, #7b6cf01f, transparent 60%), radial-gradient(700px 500px at 0% 100%, #a78bfa14, transparent 55%), var(--bg);background-attachment:fixed}:root[data-theme=dark] .nav-icon,:root[data-theme=dark] .avatar{background:var(--grad-accent)}:root[data-theme=dark] .sidebar-brand{background:var(--grad-accent);-webkit-background-clip:text;background-clip:text}.topbar-nav{align-items:center;gap:6px;display:flex}.topbar-arrow{color:#ffffffd9;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.topbar-arrow:hover{background:#ffffff26}.topbar-search-wrap{width:100%;position:relative}.topbar-search{color:#fff;background:#ffffff2e;border:none;border-radius:6px;outline:none;width:100%;height:32px;padding:0 12px;font-size:.9rem}.topbar-search::placeholder{color:#ffffffbf}.global-search-results{background:var(--surface);border:1px solid var(--border);z-index:80;border-radius:10px;max-height:60vh;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 30px #00000040}.gs-empty{margin:0;padding:.8rem;font-size:.85rem}.gs-hit{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;border-radius:8px;padding:8px 10px;display:block}.gs-hit:hover{background:var(--surface-2)}.gs-hit-meta{color:var(--text);margin-bottom:2px;font-size:.74rem;font-weight:600}.gs-hit-body{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.topbar-right{justify-content:flex-end;align-items:center;gap:10px;display:flex}.rail-logo-link{justify-content:center;align-items:center;padding:4px 0 8px;display:flex}.rail-logo-link img{border-radius:9px;display:block}.rail{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;align-items:stretch;gap:2px;width:68px;padding:6px 0;display:flex}.rail-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:8px 2px;font-size:.62rem;text-decoration:none;transition:background-color .15s,color .15s;display:flex;position:relative}.rail-item:hover{background:var(--surface-2);color:var(--text)}.rail-item.active{color:var(--text)}.rail-item.active:before{content:"";background:var(--primary-hover);border-radius:0 3px 3px 0;width:3px;position:absolute;top:14px;bottom:14px;left:0}.rail-badge{background:var(--danger);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 4px;font-size:9px;font-weight:700;display:flex;position:absolute;top:4px;right:14px}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:300px;min-height:0;display:flex}.sidebar-brand{letter-spacing:-.02em;background:linear-gradient(135deg, var(--primary), #c44bdb);color:#0000;border-bottom:1px solid var(--border);-webkit-background-clip:text;background-clip:text;padding:1.1rem 1.25rem;font-size:1.4rem;font-weight:800}.sidebar-scroll{flex:1;min-height:0;padding:.75rem;overflow-y:auto}.sidebar-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:.75rem .5rem .4rem;font-size:.72rem;font-weight:700}.nav-item{color:var(--text);border-radius:9px;align-items:center;gap:.6rem;padding:.55rem .65rem;font-size:.92rem;font-weight:600;text-decoration:none;transition:background-color .15s;display:flex}.nav-item:hover{background:var(--surface-2)}.nav-item.active{color:var(--primary);background:#4c6ef524}.nav-item .nav-icon{background:var(--primary);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;font-weight:700;display:inline-flex}.sidebar-member{align-items:center;gap:.55rem;padding:.4rem .5rem;font-size:.88rem;display:flex}.channel-item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:.5rem;padding:.5rem .65rem;font-size:.9rem;transition:background-color .15s;display:flex}.channel-item:hover{background:var(--surface-2)}.channel-item.active{color:var(--primary);background:#4c6ef524;font-weight:600}.chat-filters{flex-wrap:wrap;gap:6px;padding:8px 6px 4px;display:flex}.chat-filter{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:4px 13px;font-size:.82rem}.chat-filter:hover{background:var(--surface-2)}.chat-filter.active{background:var(--surface-2);color:var(--text);border-color:var(--text-muted)}.section-toggle{width:100%;color:var(--text-muted);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:0 0;border:none;align-items:center;gap:6px;padding:10px 6px 4px;font-size:.72rem;font-weight:700;display:flex}.section-toggle .chev{font-size:.7rem;transition:transform .15s;display:inline-block}.chat-row{color:var(--text);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;display:flex}.chat-row:hover{background:var(--surface-2)}.chat-row.active{background:#6c5ce729}.chat-avatar-wrap{flex-shrink:0;position:relative}.chat-avatar-wrap .presence-dot{border:2px solid var(--surface);width:11px;height:11px;position:absolute;bottom:-1px;right:-1px}.chat-row-main{flex:1;min-width:0}.chat-row-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.chat-row-name{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:600;overflow:hidden}.chat-row-name.unread{font-weight:800}.chat-row-time{color:var(--text-muted);flex-shrink:0;font-size:.7rem}.chat-row-preview{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.chat-row-preview.unread{color:var(--text);font-weight:600}.chat-unread-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:9px;height:9px}.channel-hash{opacity:.6;font-weight:700}.channel-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.unread-badge{background:var(--danger);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.72rem;font-weight:700;display:inline-flex}.presence-dot{border:2px solid var(--surface);border-radius:50%;flex-shrink:0;width:9px;height:9px}.presence-dot.online,.presence-dot.available{background:#2fb344}.presence-dot.busy{background:#e74c3c}.presence-dot.away{background:#f59f00}.presence-dot.offline{background:var(--text-muted);opacity:.5}.status-picker{position:relative}.status-trigger{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:.75rem;display:inline-flex}.status-menu{background:var(--surface);border:1px solid var(--border);width:180px;box-shadow:var(--shadow);z-index:40;border-radius:10px;padding:4px;position:absolute;bottom:130%;left:0}.status-option{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:7px 9px;font-size:.85rem;display:flex}.status-option:hover{background:var(--surface-2)}.status-swatch{border-radius:50%;width:9px;height:9px}.modal-backdrop{z-index:80;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border:1px solid var(--border);width:340px;box-shadow:var(--shadow);border-radius:16px;padding:0 0 1.25rem;overflow:hidden}.profile-banner{background:linear-gradient(120deg, var(--primary), #c44bdb);height:72px}.profile-body{text-align:center;margin-top:-34px;padding:0 1.25rem}.profile-avatar{border:3px solid var(--surface);border-radius:50%;width:72px;height:72px;margin:0 auto;font-size:1.6rem}.add-channel{gap:6px;padding:.4rem .5rem;display:flex}.add-channel input{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:8px;flex:1;padding:.4rem .5rem;font-size:.85rem}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:.5rem;padding:.8rem;display:flex}.sidebar-user{align-items:center;gap:.6rem;display:flex}.workspace{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.workspace-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.workspace-body{flex-direction:column;flex:1;min-height:0;padding:1rem 1.5rem 1.25rem;display:flex}.empty-main{color:var(--text-muted);text-align:center;flex:1;justify-content:center;align-items:center;display:flex}.mobile-menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:none}.mobile-menu-btn:hover{background:#ffffff26}.mobile-backdrop{display:none}@media (max-width:1024px){.sidebar{width:250px}.thread-panel{width:320px}.info-panel{width:260px}.workspace-header{padding:.85rem 1rem}.workspace-body{padding:.85rem 1rem 1rem}.topbar{grid-template-columns:auto 1fr auto}}@media (max-width:760px){.mobile-menu-btn{display:inline-flex}.app-shell{position:relative}.rail{border-right:none;border-top:1px solid var(--border);z-index:60;width:100%;height:56px;padding:0;padding-bottom:env(safe-area-inset-bottom,0);flex-direction:row;justify-content:space-around;align-items:stretch;position:fixed;bottom:0;left:0;right:0}.rail-logo-link{display:none}.rail-item{flex:1;justify-content:center;padding:6px 0;font-size:.6rem}.rail-item[style]{margin-top:0!important}.rail-item.active:before{border-radius:0 0 3px 3px;width:26px;height:3px;top:0;bottom:auto;left:50%;transform:translate(-50%)}.rail-badge{top:2px;right:calc(50% - 18px)}.sidebar{border-right:1px solid var(--border);z-index:70;border-bottom:none;width:min(82vw,320px);transition:transform .22s;position:fixed;top:48px;bottom:56px;left:0;transform:translate(-100%);box-shadow:2px 0 16px #0000002e}body.sidebar-open .sidebar{transform:translate(0)}body.sidebar-open .mobile-backdrop{z-index:65;background:#0006;display:block;position:fixed;inset:48px 0 56px}.sidebar-scroll{max-height:none}.app-root{height:100vh}.workspace{min-height:0;padding-bottom:56px}.workspace-header{flex-wrap:wrap;gap:.5rem;padding:.7rem .85rem}.workspace-body{padding:.6rem .7rem calc(56px + .6rem)}.search-input{width:140px}.search-results{width:min(92vw,360px)}.thread-panel,.info-panel{z-index:68;border-left:none;width:100%;position:fixed;inset:48px 0 56px}.chat-messages{padding-right:0}.msg{max-width:86vw}.topbar{grid-template-columns:auto 1fr auto;gap:8px;padding:0 8px}.topbar-search{font-size:.82rem}.chat-row,.channel-item,.nav-item{padding:.6rem .5rem}.msg-action{padding:6px;font-size:1rem}}@media (hover:none){.msg-row:hover .msg-actions{display:none}.msg-row.active .msg-actions{display:flex}.msg-actions{gap:4px;padding:4px;top:-16px}.msg-action{padding:7px;font-size:1.05rem}}.pwa-prompt{z-index:90;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0));background:var(--surface);border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000002e}.pwa-prompt-text{flex-direction:column;min-width:0;display:flex}.pwa-prompt-text strong{font-size:.9rem}.pwa-prompt-text span{color:var(--text-muted);font-size:.78rem}.pwa-prompt-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}@media (max-width:760px){.pwa-prompt{bottom:calc(56px + env(safe-area-inset-bottom,0));padding-bottom:10px}.topbar{padding-top:env(safe-area-inset-top,0);height:calc(48px + env(safe-area-inset-top,0))}.sidebar,.thread-panel,.info-panel{top:calc(48px + env(safe-area-inset-top,0))}.chat-input{padding:6px 2px calc(env(safe-area-inset-bottom,0) + 2px);flex-wrap:nowrap;gap:6px}.chat-input input{flex:auto;min-width:0;min-height:44px;font-size:16px}.chat-input .btn,.chat-input .btn-ghost{flex:none;min-height:44px;padding-left:.7rem;padding-right:.7rem}.chat-input .btn-ghost{padding-left:.55rem;padding-right:.55rem}.chat-messages{scrollbar-width:none;padding-right:0}.chat-messages::-webkit-scrollbar{width:0;height:0}.read-tick{margin-left:5px;bottom:-1px}.msg{max-width:80vw;font-size:.95rem}.msg-body{font-size:.95rem}.workspace-header h2{font-size:1.05rem}.workspace-header .btn-ghost{min-width:40px;min-height:40px}.topbar-search-wrap{max-width:60vw}.chat-row{min-height:56px;padding:.7rem .6rem}.reaction-chip{padding:3px 9px;font-size:.85rem}.thread-summary{padding:5px 11px}.input,.search-input,.search-input.topbar-search{font-size:16px}.picker-pop{width:100%;max-width:100%;max-height:60vh;padding-bottom:env(safe-area-inset-bottom,0);z-index:95;border-bottom:none;border-left:none;border-right:none;border-radius:16px 16px 0 0;position:fixed;inset:auto 0 0}.picker-search{min-height:42px;font-size:16px}.emoji-grid-pop{grid-template-columns:repeat(7,1fr);gap:4px}.emoji-grid-pop button{padding:8px 0;font-size:1.6rem}.gif-grid{grid-template-columns:1fr 1fr;gap:6px}.picker-tab{padding:10px 14px;font-size:.9rem}}.chat{flex-direction:column;height:100%;min-height:0;display:flex}.chat-messages{flex-direction:column;flex:1;gap:.6rem;min-width:0;padding:.5rem .25rem;display:flex;overflow:hidden auto}.msg-row{align-items:flex-start;gap:.6rem;min-width:0;max-width:100%;display:flex}.msg-row .avatar{margin-top:2px}.msg-col{flex-direction:column;min-width:0;display:flex}.msg{background:var(--surface-2);border:1px solid var(--border);border-radius:4px 16px 16px;flex-direction:column;max-width:100%;padding:.5rem .85rem;display:flex}.msg-row.mine .msg.mine{border-radius:16px 4px 16px 16px}.msg-meta{margin-bottom:2px;font-size:.78rem}.msg-meta .who{font-weight:700}.msg-meta .when{opacity:.6;margin-left:6px;font-size:.72rem}.msg-body{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.msg-body .mention{color:var(--primary);background:#4c6ef52e;border-radius:4px;padding:0 3px;font-weight:600}.msg-edited{opacity:.55;margin-left:6px;font-size:.7rem}.attachments{flex-direction:column;gap:6px;margin-top:6px;display:flex}.attach-img{border:1px solid var(--border);cursor:pointer;border-radius:10px;max-width:280px;max-height:240px;display:block}.attach-file{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:10px;align-items:center;gap:10px;max-width:280px;padding:8px 10px;text-decoration:none;display:flex}.msg.mine .attach-file{color:#fff;background:#ffffff26;border-color:#0000}.attach-icon{flex-shrink:0;font-size:1.3rem}.attach-meta{min-width:0}.attach-name{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;overflow:hidden}.attach-size{opacity:.7;font-size:.72rem}.pending-attachments{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.pending-chip{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;align-items:center;gap:6px;max-width:200px;padding:4px 8px;font-size:.8rem;display:flex}.pending-chip .pc-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pending-chip button{cursor:pointer;color:var(--text-muted);background:0 0;border:none}.msg-deleted{opacity:.55;font-style:italic}.msg-col{min-width:0;max-width:74%;position:relative}.msg-actions{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);z-index:4;border-radius:8px;gap:2px;padding:2px;display:none;position:absolute;top:-12px;right:4px}.msg-row:hover .msg-actions{display:flex}.msg-row.mine{flex-direction:row-reverse}.msg-row.mine .msg-col{align-items:flex-end}.msg-row.mine .msg-meta{text-align:right}.msg.mine{background:var(--bubble-own,var(--primary));color:var(--primary-contrast);border-color:#0000}.msg-row.mine .msg-actions{left:4px;right:auto}.msg-row.mine .reactions{justify-content:flex-end}.read-tick{vertical-align:middle;opacity:.85;color:var(--primary-contrast,#fff);align-items:center;margin-left:6px;display:inline-flex;position:relative;bottom:-1px}.read-tick svg{width:15px;height:10px}.read-tick.read{color:#34d3ff;opacity:1}.msg-row.mine .emoji-pop{left:0;right:auto}.msg-action{cursor:pointer;color:var(--text);background:0 0;border:none;border-radius:6px;padding:2px 5px;font-size:.95rem}.msg-action:hover{background:var(--surface-2)}.reactions{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.reaction-chip{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:11px;align-items:center;gap:4px;padding:1px 7px;font-size:.8rem;display:inline-flex}.reaction-chip.mine{border-color:var(--primary);background:#4c6ef524}.emoji-pop{background:var(--surface);border:1px solid var(--border);width:260px;max-height:240px;box-shadow:var(--shadow);z-index:6;border-radius:10px;padding:6px;position:absolute;top:22px;right:0;overflow-y:auto}.emoji-cat{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:4px 4px 2px;font-size:.68rem;font-weight:700}.emoji-grid{grid-template-columns:repeat(8,1fr);gap:1px;display:grid}.emoji-grid button{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:3px 0;font-size:1.15rem}.emoji-grid button:hover{background:var(--surface-2)}.edit-box{gap:6px;margin-top:4px;display:flex}.edit-box input{flex:1}.picker-pop{background:var(--surface);border:1px solid var(--border);width:340px;max-width:min(340px,100vw - 32px);max-height:min(420px,100vh - 140px);box-shadow:var(--shadow);z-index:50;border-radius:12px;flex-direction:column;display:flex;position:absolute;bottom:calc(100% + 10px);right:0;overflow:hidden}.picker-tabs{border-bottom:1px solid var(--border);display:flex}.picker-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px;font-size:.9rem;font-weight:600}.picker-tab.active{color:var(--text);border-bottom-color:var(--primary)}.picker-search{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);border-radius:8px;outline:none;padding:8px 12px;font-size:.9rem}.picker-search:focus{border-color:var(--primary)}.picker-body{padding-bottom:8px;overflow-y:auto}.picker-section-head{justify-content:space-between;align-items:center;padding:6px 12px;font-size:.95rem;font-weight:700;display:flex}.picker-seeall{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:.8rem}.emoji-grid-pop{grid-template-columns:repeat(8,1fr);gap:2px;padding:0 8px;display:grid}.emoji-grid-pop button{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 0;font-size:1.3rem}.emoji-grid-pop button:hover{background:var(--surface-2)}.gif-grid{grid-template-columns:1fr 1fr 1fr;gap:4px;padding:0 8px;display:grid}.gif-item{cursor:pointer;object-fit:cover;aspect-ratio:1;border-radius:8px;width:100%}.gif-item:hover{outline:2px solid var(--primary)}.picker-empty{color:var(--text-muted);padding:8px 12px;font-size:.85rem}.picker-foot{text-align:center;color:var(--text-muted);padding:8px;font-size:.72rem}.emoji-pop-fixed{position:fixed;top:auto;right:auto}.reply-quote{border-left:3px solid var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent);border-radius:6px;flex-direction:column;gap:1px;max-width:100%;margin-bottom:4px;padding:3px 8px;display:flex}.reply-quote-name{color:var(--primary);font-size:.75rem;font-weight:700}.reply-quote-text{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.reply-bar{background:color-mix(in srgb, var(--primary) 12%, transparent);border-left:3px solid var(--primary);border-radius:8px;align-items:center;gap:8px;margin-bottom:8px;padding:6px 10px;display:flex}.reply-bar-text{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.85rem;overflow:hidden}.reply-bar-text b{color:var(--primary)}.mention-pop{background:var(--surface);border:1px solid var(--border);min-width:220px;max-height:240px;box-shadow:var(--shadow);z-index:30;border-radius:10px;padding:4px;position:absolute;bottom:calc(100% + 6px);left:0;overflow-y:auto}.mention-item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;font-size:.9rem;font-weight:600;display:flex}.mention-item.active,.mention-item:hover{background:var(--surface-2)}.info-panel{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;width:300px;min-height:0;display:flex}.info-member{border-radius:10px;align-items:center;gap:10px;padding:8px 6px;display:flex}.info-member:hover{background:var(--surface-2)}.thread-summary{color:var(--primary);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:8px;margin-top:5px;padding:3px 9px;font-size:.78rem;font-weight:600;display:inline-flex}.thread-summary:hover{border-color:var(--primary)}.thread-summary-open{color:var(--text-muted);font-weight:500}.thread-panel{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;width:360px;min-height:0;display:flex}.thread-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.thread-body{flex:1;padding:.75rem 1rem;overflow-y:auto}.thread-divider{color:var(--text-muted);align-items:center;gap:10px;margin:12px 0 6px;font-size:.75rem;display:flex}.thread-divider:after{content:"";background:var(--border);flex:1;height:1px}.thread-msg{gap:10px;padding:7px 0;display:flex}.thread-msg.parent{border-bottom:1px dashed var(--border);padding-bottom:12px}.thread-composer{border-top:1px solid var(--border);gap:8px;padding:.75rem 1rem;display:flex}.thread-composer .input{flex:1}.seen-by{color:var(--text-muted);cursor:default;align-self:flex-end;padding:4px 2px 0;font-size:.74rem}.pinned-flag{color:var(--text-muted);margin-bottom:1px;font-size:.68rem;font-weight:700}.pinned-bar{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex-shrink:0;margin-bottom:8px;overflow:hidden}.pinned-bar-head{width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;font-weight:600;display:flex}.pinned-bar-head .chev{color:var(--text-muted);margin-left:auto}.pinned-list{border-top:1px solid var(--border);max-height:220px;overflow-y:auto}.pinned-item{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:7px 12px;display:flex}.pinned-item:last-child{border-bottom:none}.pinned-item-main{flex-direction:column;flex:1;min-width:0;display:flex}.pinned-item-main .who{font-size:.8rem;font-weight:600}.pinned-item-body{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.group-avatar{background:var(--surface-2);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:inline-flex}.group-check{flex-shrink:0;width:18px;font-size:1rem}.md{display:inline}.md-p{display:block}.md-p+.md-p{margin-top:.4em}.md-code{background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:0 4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em}.md-pre{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;margin:.4em 0;padding:8px 10px;font-size:.85em;overflow-x:auto}.md-pre code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.md-quote{border-left:3px solid var(--border);color:var(--text-muted);margin:.3em 0;padding:2px 0 2px 10px}.md-list{margin:.3em 0;padding-left:1.4em}.md-list li{margin:1px 0}.md-link{color:var(--primary);text-decoration:underline}.msg.mine .md-code,.msg.mine .md-pre{background:#ffffff2e;border-color:#ffffff40}.msg.mine .md-link{color:#fff}.cal-viewtoggle{border:1px solid var(--border);border-radius:8px;display:inline-flex;overflow:hidden}.cal-viewtoggle button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:6px 14px;font-size:.85rem}.cal-viewtoggle button.active{background:var(--primary);color:var(--primary-contrast,#fff)}.cal-month{border:1px solid var(--border);background:var(--surface);border-radius:12px;overflow:hidden}.cal-month-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 14px;font-size:1.05rem;display:flex}.cal-grid{grid-template-columns:repeat(7,1fr);display:grid}.cal-dow{text-align:center;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border);padding:8px 0;font-size:.72rem;font-weight:700}.cal-cell{border:none;border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-align:left;cursor:pointer;background:0 0;flex-direction:column;gap:3px;min-height:92px;padding:5px 6px;display:flex;overflow:hidden}.cal-cell:nth-child(7n){border-right:none}.cal-cell:hover{background:var(--surface-2)}.cal-cell.muted .cal-daynum{opacity:.35}.cal-cell.today .cal-daynum{background:var(--primary);color:var(--primary-contrast,#fff);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.cal-cell.selected{box-shadow:inset 0 0 0 2px var(--primary);background:#4c6ef51f}.cal-daynum{font-size:.8rem;font-weight:600}.cal-chips{flex-direction:column;gap:2px;min-width:0;display:flex}.cal-chip{background:var(--primary);color:var(--primary-contrast,#fff);white-space:nowrap;text-overflow:ellipsis;border-radius:4px;padding:1px 5px;font-size:.68rem;overflow:hidden}.cal-more{color:var(--text-muted);padding-left:2px;font-size:.66rem}@media (max-width:760px){.cal-cell{min-height:64px}.cal-chip{font-size:.6rem}}.search-wrap{position:relative}.search-input{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:8px;width:220px;padding:.45rem .7rem}.search-results{background:var(--surface);border:1px solid var(--border);width:380px;max-height:420px;box-shadow:var(--shadow);z-index:20;border-radius:12px;padding:.5rem;position:absolute;top:110%;right:0;overflow-y:auto}.search-hit{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem;display:block}.search-hit:hover{background:var(--surface-2)}.search-hit .hit-meta{color:var(--text-muted);font-size:.75rem}.date-sep{text-align:center;color:var(--text-muted);margin:.5rem 0;font-size:.75rem;position:relative}.date-sep span{background:var(--surface);z-index:1;padding:0 .6rem;position:relative}.date-sep:before{content:"";background:var(--border);height:1px;position:absolute;top:50%;left:0;right:0}.chat-typing{height:1.2rem;color:var(--text-muted);padding:0 .25rem;font-size:.8rem;font-style:italic}.chat-input{gap:.5rem;margin-top:.5rem;display:flex}.chat-input input{flex:1}.chat-status{color:var(--text-muted);font-size:.75rem}.dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.dot.on{background:#2f9e44}.dot.off{background:var(--text-muted)}.notice{color:#2f9e44;background:#40c0571f;border:1px solid #40c0574d;border-radius:10px;padding:1rem;font-size:.95rem}