*{box-sizing:border-box;margin:0;padding:0}:root{--topbar-grad:linear-gradient(90deg,#9cc9e6,#bfe0f1 65%,#d2e9f6);--rail:#f4f6f8;--rail-border:#e3e6ea;--sidebar-bg:#ffffff;--sidebar-hover:#f1f1f2;--sidebar-active:#1264a3;--sidebar-text:#5b5b5b;--sidebar-text-strong:#1d1c1d;--border:#e2e2e3;--text:#1d1c1d;--muted:#616061;--accent:#007a5a;--link:#1264a3;--hover-bg:#f6f6f6}body,html{height:100%;font-family:Lato,-apple-system,Hiragino Kaku Gothic ProN,Helvetica Neue,Arial,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased;font-size:15px}button{cursor:pointer}button,input,textarea{font-family:inherit}.auth-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f4ede4}.auth-card{width:400px;background:#fff;border-radius:12px;padding:40px 36px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 12px 28px rgba(0,0,0,.08)}.auth-card .logo{text-align:center;font-size:22px;font-weight:900;color:var(--aubergine);margin-bottom:22px}.auth-card h1{font-size:30px;text-align:center;margin-bottom:8px;font-weight:800}.auth-card .sub{text-align:center;color:var(--muted);margin-bottom:26px;font-size:15px}.auth-card label{display:block;font-weight:800;font-size:13px;margin:16px 0 5px}.auth-card input{width:100%;padding:12px;border:1px solid #ababab;border-radius:4px;font-size:16px}.auth-card input:focus{outline:none;border-color:#1d9bd1;box-shadow:0 0 0 4px rgba(29,155,209,.18)}.auth-card button.primary{width:100%;margin-top:22px;padding:13px;background:var(--accent);color:#fff;border:none;border-radius:4px;font-size:17px;font-weight:800}.auth-card button.primary:hover{background:#148567}.auth-card button.primary:disabled{opacity:.6;cursor:default}.auth-toggle{text-align:center;margin-top:20px;font-size:14px;color:var(--muted)}.auth-toggle a{color:var(--link);cursor:pointer;font-weight:700}.auth-error{background:#fce9eb;color:#8a1f1f;padding:11px 13px;border-radius:4px;font-size:14px;margin-bottom:8px}.app-shell{display:flex;flex-direction:column;height:100vh;height:100dvh}.mobile-tabbar{display:none}.topbar{height:40px;background:var(--topbar-grad);display:grid;grid-template-columns:1fr minmax(280px,720px) 1fr;align-items:center;padding:0 12px;flex-shrink:0;grid-gap:8px;gap:8px}.topbar .tb-left{display:flex;align-items:center;gap:6px}.tb-burger{display:none;width:30px;height:30px;border:none;background:transparent;color:rgba(0,0,0,.65);font-size:18px;border-radius:6px}.tb-burger:hover{background:rgba(255,255,255,.5)}.nav-backdrop{display:none}.topbar .tb-nav{width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:rgba(0,0,0,.6);font-size:16px;display:flex;align-items:center;justify-content:center}.topbar .tb-nav:hover{background:rgba(255,255,255,.5)}.search{position:relative;height:30px;background:rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.55);border-radius:8px;display:flex;align-items:center;padding:0 11px;gap:8px;transition:background .12s,border-color .12s}.search:hover{background:rgba(255,255,255,.42)}.search-sug{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 28px rgba(0,0,0,.22);overflow:hidden;z-index:60;padding:4px}.sug-item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:none;background:none;padding:7px 10px;border-radius:7px;font-size:14px;color:var(--text)}.sug-item.active{background:#1264a3;color:#fff}.sug-item.active .sug-ic{color:#fff}.sug-ic{width:20px;text-align:center;color:var(--muted);font-weight:800}.sug-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search:focus-within{background:#fff;border-color:rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.14)}.search .s-ico{display:flex;align-items:center;color:rgba(0,0,0,.55)}.search:focus-within .s-ico{color:var(--muted)}.search input{flex:1 1;background:transparent;border:none;outline:none;color:#1d1c1d;font-size:14px}.search input::placeholder{color:rgba(0,0,0,.5)}.search-clear{border:none;background:none;color:var(--muted);font-size:13px;width:20px;height:20px;border-radius:50%;flex-shrink:0}.search:focus-within .search-clear:hover{background:#eee;color:#1d1c1d}.topbar .tb-right{display:flex;align-items:center;justify-content:flex-end;gap:10px}.topbar .tb-help{width:28px;height:28px;border-radius:50%;border:1px solid rgba(0,0,0,.35);background:transparent;color:rgba(0,0,0,.7);font-size:13px}.topbar .tb-help:hover{background:rgba(255,255,255,.5)}.app-body{flex:1 1;display:grid;grid-template-columns:65px 270px 1fr;grid-template-rows:minmax(0,1fr);min-height:0}.app-body.with-thread{grid-template-columns:65px 270px 1fr 400px}.app-body>*{min-height:0}.rail{background:var(--rail);border-right:1px solid var(--rail-border);display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:14px}.rail .ws-icon{border-radius:10px;background:#fff;color:#1d1c1d;font-weight:900;border:1px solid #dcdfe3}.rail .rail-btn,.rail .ws-icon{width:38px;height:38px;font-size:18px;display:flex;align-items:center;justify-content:center}.rail .rail-btn{border-radius:10px;background:transparent;color:#494949;border:none}.rail .rail-btn:hover{background:rgba(0,0,0,.06)}.rail .rail-label{font-size:10px;color:#5a5a5a;margin-top:-10px}.rail .spacer{flex:1 1}.rail .rail-avatar{width:36px;height:36px;border-radius:9px;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:15px;cursor:pointer;position:relative}.rail .rail-avatar:after{content:"";position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;background:#2bac76;border:2px solid var(--rail);border-radius:50%}.sidebar{background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--border)}.sidebar-head{height:50px;padding:0 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.sidebar-head .ws-name{color:var(--sidebar-text-strong);font-weight:900;font-size:18px;letter-spacing:-.2px}.sidebar-head .conn{display:flex;align-items:center;gap:6px}.conn-dot{width:8px;height:8px;border-radius:50%;background:#2bac76;display:inline-block}.conn-dot.off{background:#e01e5a}.sidebar-scroll{flex:1 1;overflow-y:auto;padding:8px 0}.sidebar-scroll::-webkit-scrollbar{width:8px}.sidebar-scroll::-webkit-scrollbar-thumb{background:rgba(0,0,0,.16);border-radius:4px}.sidebar-section-title{display:flex;align-items:center;gap:4px;padding:6px 16px 4px;font-size:14px;color:var(--muted);font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sidebar-section-title .caret{font-size:11px;width:14px;transition:transform .12s}.sidebar-section-title .caret.collapsed{transform:rotate(-90deg)}.sidebar-section-title .ttl{cursor:pointer;flex:1 1}.sidebar-section-title button.add{background:rgba(0,0,0,.05);border:none;color:var(--muted);font-size:16px;line-height:1;width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center}.sidebar-section-title button.add:hover{background:rgba(0,0,0,.1)}.channel-list{list-style:none}.channel-item{display:flex;align-items:center;gap:8px;padding:5px 16px 5px 18px;font-size:15px;color:var(--sidebar-text);cursor:pointer;border:none;background:none;width:100%;text-align:left;border-radius:0;line-height:1.5}.channel-item:hover{background:var(--sidebar-hover)}.channel-item.active{background:var(--sidebar-active);color:#fff;font-weight:700}.channel-item .hash{opacity:.65;font-weight:400;width:16px}.channel-item.active .hash{opacity:.9}.channel-item .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-item .presence{width:9px;height:9px;border-radius:50%;border:1.5px solid}.channel-item .presence.on{background:#fff;border-color:#fff}.channel-item.unread{color:var(--sidebar-text-strong);font-weight:800}.channel-item.unread .hash{opacity:.9}.channel-item .unread-badge{margin-left:auto;background:#cd2553;color:#fff;font-size:12px;font-weight:800;min-width:19px;height:19px;padding:0 6px;border-radius:10px;display:flex;align-items:center;justify-content:center;line-height:1}.rail-wrap{position:relative;display:flex}.rail-badge{position:absolute;top:-5px;right:-6px;background:#cd2553;color:#fff;font-size:11px;font-weight:800;min-width:18px;height:18px;padding:0 5px;border-radius:9px;justify-content:center;border:2px solid var(--rail);line-height:1}.rail-badge,.sidebar-foot{display:flex;align-items:center}.sidebar-foot{border-top:1px solid var(--border);padding:10px 14px;gap:10px;font-size:14px;flex-shrink:0}.avatar{border-radius:8px;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-foot .avatar{width:32px;height:32px;font-size:14px}.sidebar-foot .me-name{color:var(--sidebar-text-strong);font-weight:700}.sidebar-foot button.logout{margin-left:auto;background:none;border:none;color:var(--muted);font-size:13px}.sidebar-foot button.logout:hover{color:var(--sidebar-text-strong);text-decoration:underline}.main{display:flex;flex-direction:column;min-width:0;background:#fff}.channel-header{height:49px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px 0 20px;gap:4px;flex-shrink:0}.channel-header .mobile-back{display:none}.channel-header .ch-title{display:flex;align-items:center;gap:5px;font-weight:900;font-size:18px;cursor:pointer;padding:4px 6px;border-radius:6px}.channel-header .ch-title:hover{background:var(--hover-bg)}.channel-header .ch-title .hash{color:var(--muted)}.channel-header .ch-title .caret{font-size:11px;color:var(--muted)}.channel-header .members{margin-left:8px;display:flex;align-items:center;gap:4px;border:1px solid var(--border);border-radius:14px;padding:3px 10px 3px 8px;font-size:13px;color:var(--text);cursor:pointer}.channel-header .members:hover{background:var(--hover-bg)}.channel-header .spacer{flex:1 1}.header-btn{display:flex;align-items:center;gap:4px;border:1px solid var(--border);background:#fff;border-radius:8px;padding:5px 10px;font-size:13px;color:var(--text);margin-left:8px}.header-btn:hover{background:var(--hover-bg)}.header-btn b{color:var(--muted);font-weight:800}.modal.wide{width:560px}.panel-list{margin-top:12px;max-height:56vh;overflow-y:auto}.pin-row{display:flex;gap:10px;padding:10px 6px;border-bottom:1px solid var(--border)}.pin-row .pin-body{flex:1 1;min-width:0}.pin-remove{border:none;background:none;color:var(--muted);width:26px;height:26px;border-radius:6px;align-self:flex-start}.pin-remove:hover{background:#fce9ec;color:#c92a4b}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:10px;gap:10px}.file-tile{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;border:1px solid var(--border);cursor:pointer}.file-tile:hover{filter:brightness(.96)}.admin-tag{background:#1264a3;color:#fff}.admin-tag,.inactive-tag{font-size:11px;padding:1px 6px;border-radius:8px;font-weight:700;margin-left:4px}.inactive-tag{background:#eee;color:#999}.sidebar-foot .admin-tag{font-size:10px;padding:0 5px}.invite-row{margin-top:12px}.invite-btn{padding:9px 14px;border-radius:6px}.invite-link{display:flex;gap:6px;margin-top:10px}.invite-link input{flex:1 1;padding:9px 10px;background:#f8f8f8}.invite-link button,.invite-link input{border:1px solid var(--border);border-radius:6px;font-size:13px}.invite-link button{padding:9px 14px;background:#fff;font-weight:700}.admin-row{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid var(--border)}.admin-info{display:flex;flex-direction:column;min-width:0;flex:1 1}.admin-info .p-name{font-weight:700;font-size:14px}.admin-info .p-mail{color:var(--muted);font-size:12px}.admin-actions{display:flex;gap:6px;align-items:center}.admin-actions button{padding:6px 10px;border:1px solid var(--border);border-radius:6px;background:#fff;font-size:12px;font-weight:700}.admin-actions button:hover{background:var(--hover-bg)}.admin-actions button.danger{color:#c92a4b;border-color:#f0c4cd}.admin-actions .self-note{color:var(--muted);font-size:12px}.messages{flex:1 1;overflow-y:auto;padding:18px 0 8px}.messages::-webkit-scrollbar{width:12px}.messages::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:6px;border:3px solid #fff}.day-divider{display:flex;align-items:center;justify-content:center;margin:10px 0;position:relative}.day-divider:before{content:"";position:absolute;left:20px;right:20px;top:50%;border-top:1px solid var(--border)}.day-divider span{position:relative;background:#fff;border:1px solid var(--border);border-radius:14px;padding:3px 14px;font-size:13px;font-weight:800;color:var(--text)}.msg-row{display:flex;gap:9px;padding:4px 20px;position:relative}.msg-row:hover{background:#f9f8f9}.msg-row.grouped{padding-top:1px;padding-bottom:1px}.msg-gutter{width:36px;flex-shrink:0;display:flex;justify-content:flex-end}.msg-row .avatar{width:36px;height:36px;font-size:15px;margin-top:2px}.msg-gutter .hover-time{display:none;font-size:11px;color:var(--muted);margin-top:4px}.msg-row.grouped:hover .hover-time{display:block}.msg-body-wrap{min-width:0;flex:1 1}.msg-meta{display:flex;align-items:baseline;gap:8px}.msg-author{font-weight:900;font-size:15px;color:#1d1c1d}.msg-author:hover{text-decoration:underline;cursor:pointer}.msg-time{color:var(--muted);font-size:12px}.msg-text{font-size:15px;line-height:1.46;white-space:pre-wrap;word-break:break-word;color:#1d1c1d}.msg-actions{position:absolute;top:-16px;right:16px;background:#fff;border:1px solid var(--border);border-radius:8px;display:none;box-shadow:0 1px 3px rgba(0,0,0,.08);overflow:hidden}.msg-row:hover .msg-actions{display:flex}.msg-actions button{border:none;background:#fff;padding:6px 9px;font-size:16px;display:flex;align-items:center;color:#3a3a3a}.msg-actions button:hover{background:var(--hover-bg)}.reactions{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}.reaction-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 9px 2px 7px;border-radius:12px;border:1px solid #ddd;background:#f3f3f4;font-size:13px;cursor:pointer;line-height:1.6}.reaction-chip .cnt{font-weight:700;color:var(--muted);font-size:12px}.reaction-chip.mine{border-color:#1d9bd1;background:#e8f5fb}.reaction-chip.mine .cnt{color:var(--link)}.reaction-chip:hover{border-color:#b5b5b5}.reaction-add{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;border:1px solid #ddd;background:#f3f3f4;font-size:14px;cursor:pointer;color:var(--muted)}.reaction-add:hover{border-color:#b5b5b5}.thread-link{display:inline-flex;align-items:center;gap:7px;color:var(--link);font-size:13px;font-weight:700;margin-top:5px;cursor:pointer;background:none;border:1px solid transparent;padding:3px 8px 3px 4px;border-radius:8px}.thread-link:hover{background:#fff;border-color:var(--border);box-shadow:0 1px 2px rgba(0,0,0,.06)}.thread-link .tl-avs{display:flex}.thread-link .tl-av{width:20px;height:20px;border-radius:4px;border:1.5px solid #fff;margin-left:-4px;font-size:10px}.thread-link .tl-av:first-child{margin-left:0}.thread-link .last{color:var(--muted);font-weight:400}.composer{padding:4px 20px 22px;flex-shrink:0}.composer-box{position:relative;border:1px solid #d6d6d6;border-radius:9px;box-shadow:0 1px 2px rgba(0,0,0,.04);background:#fff}.composer-box:focus-within{border-color:#a3a3a3;box-shadow:0 1px 4px rgba(0,0,0,.1)}.composer-fmt{gap:2px;padding:6px 8px;background:#f8f8f8;border-bottom:1px solid #ededed;border-radius:8px 8px 0 0}.composer-fmt,.fmt-btn{display:flex;align-items:center}.fmt-btn{width:28px;height:28px;border:none;background:none;color:#1d1c1d;border-radius:6px;justify-content:center;font-size:15px}.fmt-btn:hover{background:#e8e8e8}.fmt-sep{width:1px;height:20px;background:#dcdcdc;margin:0 5px}.composer textarea{width:100%;border:none;resize:none;padding:11px 12px;font-size:15px;max-height:200px;outline:none;line-height:1.46;background:transparent;display:block}.composer textarea::placeholder{color:#8d8d8d}.composer-toolbar{display:flex;align-items:center;justify-content:space-between;padding:5px 8px 8px}.composer-toolbar .left{display:flex;align-items:center;gap:2px}.tool-btn{width:30px;height:30px;border:none;background:none;color:#616061;border-radius:6px;display:flex;align-items:center;justify-content:center}.tool-btn:hover{background:var(--hover-bg)}.tool-btn.aa{width:auto;padding:0 7px;font-weight:700;font-size:15px;text-decoration:underline}.send-group{display:flex;align-items:center;border-radius:6px}.send-group.active{background:#007a5a}.send-caret,.send-plane{border:none;background:none;display:flex;align-items:center;justify-content:center;color:#a0a0a0}.send-plane{height:28px;padding:0 11px;border-radius:6px 0 0 6px}.send-caret{height:28px;padding:0 6px;border-radius:0 6px 6px 0}.send-divider{width:1px;height:18px;background:#d4d4d4}.send-group.active .send-caret,.send-group.active .send-plane{color:#fff}.send-group.active .send-divider{background:rgba(255,255,255,.45)}.send-group.active .send-caret:hover,.send-group.active .send-plane:hover{background:rgba(0,0,0,.12)}.send-plane:disabled{cursor:default}.thread{border-left:1px solid var(--border);display:flex;flex-direction:column;background:#fff;min-width:0}.thread-head{height:49px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 20px;flex-shrink:0}.thread-head .t{font-weight:900;font-size:17px}.thread-head .t small{color:var(--muted);font-weight:400;font-size:13px;margin-left:8px}.thread-head button{background:none;border:none;font-size:16px;color:var(--muted);width:30px;height:30px;border-radius:6px}.thread-head button:hover{background:var(--hover-bg)}.thread-body{flex:1 1;overflow-y:auto;padding-bottom:8px}.thread-count{display:flex;align-items:center;gap:10px;padding:6px 20px;color:var(--muted);font-size:13px;font-weight:700}.thread-count:after{content:"";flex:1 1;border-top:1px solid var(--border)}.empty{flex:1 1;align-items:center;color:var(--muted);font-size:15px;flex-direction:column;gap:8px}.empty,.load-older{display:flex;justify-content:center}.load-older{padding:12px 0}.load-older button{border:1px solid var(--border);background:#fff;color:var(--link);font-weight:700;font-size:13px;padding:6px 16px;border-radius:16px;box-shadow:0 1px 2px rgba(0,0,0,.05)}.load-older button:hover{background:var(--hover-bg)}.load-older button:disabled{color:var(--muted)}.channel-intro{padding:20px 20px 8px}.channel-intro .big{font-size:26px;font-weight:900;display:flex;align-items:center;gap:8px}.channel-intro .desc{color:var(--muted);margin-top:8px;font-size:15px;line-height:1.5}.mention{background:#e8f3ff;color:#1264a3;font-weight:700;border-radius:4px;padding:0 3px}.mention.me{background:#fcf3bd;color:#1d1c1d}.msg-link{color:var(--link);text-decoration:none;word-break:break-all}.msg-link:hover{text-decoration:underline}.unfurl{display:flex;gap:12px;margin-top:8px;max-width:540px;border-left:4px solid #dcdcdc;padding:2px 0 2px 12px;text-decoration:none;color:inherit}.unfurl:hover{border-left-color:#b9b9b9}.unfurl-img{width:70px;height:70px;border-radius:8px;background-size:cover;background-position:50%;background-color:#f0f0f0;flex-shrink:0}.unfurl-body{min-width:0;padding:2px 0}.unfurl-site{font-size:13px;color:var(--muted);margin-bottom:2px}.unfurl-title{font-weight:800;color:var(--link);font-size:15px;line-height:1.3;margin-bottom:3px}.unfurl-desc{font-size:13px;color:#454545;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-panel{padding:8px 0 16px}.search-summary{padding:12px 20px;font-size:14px;color:var(--text);border-bottom:1px solid var(--border)}.search-summary b{font-weight:800}.search-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.search-chip{background:#e8f0f7;color:#1264a3;font-size:12px;font-weight:700;padding:2px 10px;border-radius:12px}.search-help{margin-top:8px;font-size:12px;color:var(--muted)}.search-help code{background:#f1f1f2;border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:11px;margin:0 2px}.search-row{display:flex;gap:10px;width:100%;text-align:left;background:none;padding:12px 20px;border:none;border-bottom:1px solid #f0f0f0}.search-row:hover{background:var(--hover-bg)}.search-row .avatar{width:36px;height:36px;font-size:15px;flex-shrink:0}.search-body{min-width:0;flex:1 1}.search-ctx{display:flex;align-items:baseline;gap:8px;margin-bottom:2px;flex-wrap:wrap}.search-place{font-weight:800;font-size:13px;color:var(--link)}.search-author{font-weight:800;font-size:14px}.search-row mark{background:#fef3c0;color:inherit;border-radius:2px;padding:0 1px}.av-wrap{position:relative;display:inline-flex;flex-shrink:0}.av-wrap .pdot{position:absolute;right:-3px;bottom:-3px;width:11px;height:11px;border-radius:50%;border:2px solid #fff;box-sizing:border-box}.channel-item.active .av-wrap .pdot{border-color:var(--sidebar-active)}.pdot.on{background:#2bac76}.pdot.off{background:transparent;border-color:#b9b9b9}.channel-item.active .pdot.off{border-color:#cfe0ee}.ch-title .av-wrap .pdot{border-color:#fff}.typing-line{height:18px;font-size:12px;color:var(--muted);padding:1px 4px 0;display:flex;align-items:center;gap:6px}.typing-line.active{font-style:italic}.typing-dots{display:inline-flex;gap:2px}.typing-dots i{width:4px;height:4px;border-radius:50%;background:var(--muted);display:inline-block;animation:tdot 1s infinite}.typing-dots i:nth-child(2){animation-delay:.2s}.typing-dots i:nth-child(3){animation-delay:.4s}@keyframes tdot{0%,60%,to{opacity:.3}30%{opacity:1}}.edited{color:var(--muted);font-size:12px;margin-left:4px}.bm-flag{font-size:11px;margin-left:2px;opacity:.9}.edit-box{border:1px solid #ababab;border-radius:8px;padding:6px 8px;margin-top:2px;max-width:620px;background:#fff}.edit-box:focus-within{border-color:#1d9bd1;box-shadow:0 0 0 3px rgba(29,155,209,.14)}.edit-box textarea{width:100%;border:none;outline:none;resize:vertical;font-size:15px;line-height:1.46;min-height:40px}.edit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.edit-actions button{padding:7px 13px;border-radius:6px;font-weight:700;font-size:13px;border:1px solid #c9c9c9;background:#fff}.edit-actions button.save{background:var(--accent);color:#fff;border:none}.edit-actions button.save:hover{background:#148567}.menu-backdrop{position:fixed;inset:0;z-index:40}.msg-menu{position:fixed;z-index:41;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 6px 24px rgba(0,0,0,.18);padding:6px;min-width:182px}.msg-menu button{display:block;width:100%;text-align:left;border:none;background:none;padding:8px 10px;border-radius:6px;font-size:14px;color:var(--text)}.msg-menu button:hover{background:var(--hover-bg)}.msg-menu button.danger{color:#c92a4b}.msg-menu button.danger:hover{background:#fce9ec}.attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.att-img{max-width:360px;max-height:280px;border-radius:10px;border:1px solid var(--border);cursor:pointer;object-fit:cover;display:block}.att-img:hover{filter:brightness(.96)}.att-file{display:flex;align-items:center;gap:10px;max-width:320px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;text-decoration:none;color:inherit;background:#fff}.att-file:hover{background:var(--hover-bg)}.att-icon{font-size:26px}.att-info{display:flex;flex-direction:column;min-width:0}.att-name{font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.att-size{font-size:12px;color:var(--muted)}.attach-strip{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px 2px}.attach-chip{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:8px;padding:6px 8px 6px 6px;background:#fff;max-width:230px;position:relative}.attach-chip.uploading{opacity:.7}.attach-thumb{width:38px;height:38px;border-radius:6px;object-fit:cover}.attach-fileicon{font-size:26px;width:38px;text-align:center}.attach-meta{display:flex;flex-direction:column;min-width:0}.attach-name{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach-sub,.attach-x{font-size:11px;color:var(--muted)}.attach-x{border:none;background:#fff;border:1px solid var(--border);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.attach-x:hover{background:#f0f0f0;color:#1d1c1d}.composer-box.dragover{border-color:#1264a3;border-style:dashed;background:#f3f9ff}.drop-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(243,249,255,.9);color:#1264a3;font-weight:800;font-size:15px;border-radius:9px;z-index:5;pointer-events:none}.lightbox{position:fixed;inset:0;background:rgba(20,20,22,.94);z-index:200;display:flex;flex-direction:column}.lb-top{justify-content:space-between;padding:14px 18px;flex-shrink:0}.lb-top,.lb-top-left{display:flex;align-items:center}.lb-top-left{gap:12px}.lb-meta{line-height:1.3}.lb-author{color:#fff;font-weight:800;font-size:15px}.lb-sub{color:rgba(255,255,255,.6);font-size:13px}.lb-x{background:none;border:none;color:rgba(255,255,255,.8);font-size:22px;width:40px;height:40px;border-radius:8px}.lb-x:hover{background:rgba(255,255,255,.12);color:#fff}.lb-stage{flex:1 1;display:flex;align-items:center;justify-content:center;position:relative;min-height:0;padding:0 70px}.lb-stage img{max-width:100%;max-height:100%;border-radius:6px;box-shadow:0 10px 50px rgba(0,0,0,.5);transition:transform .12s;cursor:zoom-in}.lb-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.12);border:none;color:#fff;font-size:26px;display:flex;align-items:center;justify-content:center}.lb-arrow:hover{background:rgba(255,255,255,.22)}.lb-arrow.prev{left:16px}.lb-arrow.next{right:16px}.lb-bottom{justify-content:space-between;padding:14px 18px;flex-shrink:0}.lb-bl,.lb-bottom,.lb-br{display:flex;align-items:center}.lb-bl,.lb-br{gap:6px}.lb-btn{position:relative;background:none;border:none;color:rgba(255,255,255,.82);width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;text-decoration:none}.lb-btn:hover{background:rgba(255,255,255,.14);color:#fff}.lb-btn.alt{width:auto;padding:0 12px;font-weight:800;font-size:13px}.lb-btn[data-tip]:hover:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#1d1c1d;color:#fff;font-size:12px;font-weight:700;padding:4px 9px;border-radius:6px;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.4)}.lb-zoom{width:110px;accent-color:#fff;margin:0 4px}.att-header{display:flex;align-items:center;gap:10px;margin-bottom:6px;color:var(--text)}.att-count{display:inline-flex;align-items:center;gap:4px;font-weight:800;font-size:14px}.att-divider{width:1px;height:16px;background:var(--border)}.att-downall{display:inline-flex;align-items:center;gap:5px;border:none;background:none;color:var(--muted);font-size:14px;font-weight:700}.att-downall:hover{color:var(--text);text-decoration:underline}.att-grid{display:flex;flex-wrap:wrap;gap:8px}.att-img-wrap{position:relative;display:inline-block;line-height:0}.att-img-tools{position:absolute;top:8px;right:8px;display:none;gap:1px;background:#fff;border:1px solid var(--border);border-radius:9px;box-shadow:0 2px 8px rgba(0,0,0,.16);padding:3px}.ait-btn,.att-img-wrap:hover .att-img-tools{display:flex}.ait-btn{width:30px;height:30px;align-items:center;justify-content:center;border:none;background:none;color:#3a3a3a;border-radius:6px;text-decoration:none}.ait-btn:hover{background:var(--hover-bg);color:#111}.att-alt{position:absolute;left:10px;bottom:10px;display:none;align-items:center;gap:2px;background:rgba(29,28,29,.75);color:#fff;font-size:12px;font-weight:800;padding:4px 9px;border-radius:7px;border:none}.att-img-wrap:hover .att-alt{display:inline-flex}.att-file-dl{margin-left:auto;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:var(--muted);border-radius:6px}.att-file-dl:hover{background:var(--hover-bg);color:var(--text)}.att-file{position:relative}.emoji-pop-wrap{position:absolute;top:18px;right:16px;z-index:30}.composer-emoji-pop{position:absolute;bottom:calc(100% + 6px);left:8px;z-index:30}.emoji-picker{width:304px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 28px rgba(0,0,0,.2);overflow:hidden}.ep-search{padding:8px;border-bottom:1px solid var(--border)}.ep-search input{width:100%;padding:7px 10px;border:1px solid #cccccc;border-radius:6px;font-size:14px;outline:none}.ep-search input:focus{border-color:#1d9bd1;box-shadow:0 0 0 3px rgba(29,155,209,.15)}.ep-tabs{display:flex;gap:2px;padding:4px 6px;border-bottom:1px solid var(--border)}.ep-tab{flex:1 1;border:none;background:none;font-size:18px;padding:5px;border-radius:6px}.ep-tab:hover{background:var(--hover-bg)}.ep-tab.active{background:#e8f0f7}.ep-grid{height:232px;overflow-y:auto;padding:4px 8px 10px}.ep-cat-label{font-size:12px;font-weight:800;color:var(--muted);padding:8px 2px 4px;position:-webkit-sticky;position:sticky;top:0;background:#fff}.ep-cat-grid{display:grid;grid-template-columns:repeat(8,1fr)}.ep-emoji{border:none;background:none;font-size:21px;padding:4px;border-radius:6px;cursor:pointer;line-height:1;transition:transform .08s}.ep-emoji:hover{background:var(--hover-bg);transform:scale(1.18)}.ep-empty{color:var(--muted);font-size:13px;text-align:center;padding:24px}.ep-foot{border-top:1px solid var(--border);padding:6px}.ep-add{width:100%;border:none;background:none;color:var(--link);font-weight:700;font-size:13px;padding:8px;border-radius:7px}.ep-add:hover{background:var(--hover-bg)}.ce-img{width:24px;height:24px;object-fit:contain}.ce-img.inline{width:22px;height:22px;vertical-align:-5px;margin:0 1px}.ce-img.reaction{width:16px;height:16px}.ce-img.big{width:28px;height:28px}.emoji-picker .ep-emoji .ce-img{width:24px;height:24px}.emoji-add-form{margin:6px 0 4px}.emoji-add-row{display:flex;align-items:center;gap:6px}.emoji-add-colon{color:var(--muted);font-weight:800;font-size:18px}.emoji-add-row input[type=text],.emoji-add-row>input{flex:1 1;padding:10px;border:1px solid #ababab;border-radius:4px;font-size:14px;outline:none}.emoji-file-btn{display:flex;align-items:center;justify-content:center;min-width:96px;height:40px;border:1px dashed #b0b0b0;border-radius:6px;font-size:13px;color:var(--muted);cursor:pointer}.emoji-file-btn:hover{background:var(--hover-bg)}.emoji-file-btn .ce-img{width:26px;height:26px}.emoji-manage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:8px;gap:8px}.emoji-manage-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--border);border-radius:8px;position:relative}.emoji-manage-name{font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emoji-del{margin-left:auto;border:none;background:none;color:var(--muted);width:22px;height:22px;border-radius:50%;font-size:11px;flex-shrink:0}.emoji-del:hover{background:#fce9ec;color:#c92a4b}.mention-pop{position:absolute;bottom:calc(100% + 6px);left:8px;width:320px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 28px rgba(0,0,0,.2);overflow:hidden;z-index:30}.mention-item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:none;background:#fff;padding:7px 12px}.mention-item.active{background:#1264a3}.mention-item.active .mi-mail,.mention-item.active .mi-name{color:#fff}.mi-name{font-weight:700;font-size:14px}.mi-mail{color:var(--muted);font-size:12px;margin-left:auto}.tool-btn.on{background:#e8f0f7;color:#1264a3}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#fff;border-radius:12px;padding:26px 28px;width:460px;box-shadow:0 12px 40px rgba(0,0,0,.25)}.modal h2{font-size:22px;margin-bottom:4px;font-weight:800}.modal p.hint{color:var(--muted);font-size:14px;margin-bottom:14px}.modal label{display:block;font-weight:800;font-size:13px;margin:14px 0 5px}.modal .name-field{display:flex;align-items:center;border:1px solid #ababab;border-radius:4px;padding:0 10px}.modal .name-field span{color:var(--muted);font-size:16px}.modal .name-field input{border:none;padding:11px 6px}.modal input,.modal textarea{width:100%;padding:11px;border:1px solid #ababab;border-radius:4px;font-size:15px;outline:none}.modal .name-field:focus-within,.modal input:focus,.modal textarea:focus{border-color:#1d9bd1;box-shadow:0 0 0 3px rgba(29,155,209,.16)}.modal .name-field input:focus{box-shadow:none}.modal .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.modal .actions button{padding:10px 16px;border-radius:6px;font-weight:800;font-size:14px;border:1px solid #c9c9c9;background:#fff}.modal .actions button.go{background:var(--accent);color:#fff;border:none}.modal .actions button.go:disabled{background:#e8e8e8;color:#aaa}.dm-av{width:20px;height:20px;font-size:11px;border-radius:4px}.channel-item .dm-av{margin-right:-2px}.ch-title .dm-av{width:26px;height:26px;font-size:13px}.channel-intro .dm-av.lg{width:44px;height:44px;font-size:20px;border-radius:10px}.people-list{list-style:none;margin-top:14px;max-height:320px;overflow-y:auto}.people-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:none;border:none;padding:8px 10px;border-radius:8px}.people-item:hover{background:var(--hover-bg)}.people-item .p-info{display:flex;flex-direction:column;line-height:1.3}.people-item .p-name{font-weight:800;font-size:15px}.people-item .p-mail{color:var(--muted);font-size:13px}.people-item .p-tag{margin-left:auto;font-size:12px;color:var(--muted);background:#eee;padding:2px 8px;border-radius:10px}.people-empty{color:var(--muted);font-size:14px;padding:16px 10px;text-align:center}@media (max-width:768px){.topbar{grid-template-columns:auto 1fr auto;gap:6px;padding:0 8px}.tb-burger{display:flex;align-items:center;justify-content:center}.topbar .tb-nav{display:none}.search input::placeholder{font-size:13px}.app-body,.app-body.with-thread{grid-template-columns:1fr}.rail,.sidebar{position:fixed;top:40px;bottom:0;z-index:50;transition:transform .22s ease}.rail{left:0;width:64px;transform:translateX(-100%)}.sidebar{left:64px;width:min(78vw,300px);transform:translateX(calc(-100% - 64px))}.app-body.nav-open .rail,.app-body.nav-open .sidebar{transform:translateX(0)}.nav-backdrop{display:block;position:fixed;inset:40px 0 0 0;background:rgba(0,0,0,.4);z-index:49}.main{grid-column:1;grid-row:1}.thread{position:fixed;inset:40px 0 0 0;z-index:48;width:auto;border-left:none}.channel-header{padding:0 12px}.header-btn{padding:5px 8px;font-size:12px}.messages{padding-top:10px}.msg-row{padding-left:12px;padding-right:12px}.composer{padding:4px 12px 14px}.att-img{max-width:78vw}.unfurl{max-width:80vw}.modal,.modal.wide{width:calc(100vw - 20px);max-height:calc(100vh - 70px);overflow-y:auto}.file-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.lb-stage{padding:0 8px}.lb-arrow{width:38px;height:38px;font-size:22px}.lb-bottom{flex-wrap:wrap;gap:8px}.lb-sub{max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-header .mobile-back{display:flex;align-items:center;justify-content:center;width:30px;height:36px;margin-left:-4px;margin-right:2px;border:none;background:none;color:var(--text);font-size:26px;line-height:1}.channel-header .ch-title{font-size:17px}.tb-burger{display:none}.mobile-tabbar{display:flex;flex-shrink:0;height:56px;border-top:1px solid var(--border);background:#fff;padding-bottom:env(safe-area-inset-bottom,0)}.mobile-tabbar button{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:none;background:none;color:#3a3a3a;padding:6px 0}.mobile-tabbar button:active{background:var(--hover-bg)}.mobile-tabbar .mt-ic{display:flex;align-items:center;justify-content:center;height:24px;color:#3a3a3a}.mobile-tabbar .mt-l{font-size:11px;font-weight:700;color:var(--muted)}.thread{bottom:0}}