:root{color-scheme:dark;--bg: #090c14;--panel: #111624;--panel-2: #0c1019;--raised: #1a2237;--line: #212a41;--line-soft: #181f31;--text: #e8edf7;--muted: #8f9cb5;--faint: #66718a;--accent: #8fb3ff;--accent-2: #c9a6ff;--brand: linear-gradient(135deg, #3b5bdb, #6741d9);--danger: #ff8a8a;--ok: #6fdc9b;--radius: 12px;--radius-sm: 9px;--s1: .25rem;--s2: .5rem;--s3: .75rem;--s4: 1rem;--s5: 1.5rem;--s6: 2rem;--shadow-pop: 0 16px 44px rgba(0, 0, 0, .55);--ease: cubic-bezier(.22, .61, .36, 1);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-synthesis-weight:none;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}input,button,select,textarea{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:.8rem}.pad{padding:1rem}.error{color:var(--danger);font-size:.9rem;margin:.2rem 0}*{scrollbar-width:thin;scrollbar-color:#2b3654 transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#2b3654;border-radius:999px;border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:#3a4874;background-clip:content-box}.avatar{flex:none;width:2.2rem;height:2.2rem;border-radius:30%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;color:#0b0e17;-webkit-user-select:none;user-select:none;background:linear-gradient(150deg,#8fb3ff,#6f8cff)}.avatar[data-uid="1"]{background:linear-gradient(150deg,#c9a6ff,#9b7bff)}.avatar[data-uid="2"]{background:linear-gradient(150deg,#7ee0a1,#4fbd83)}.avatar[data-uid="3"]{background:linear-gradient(150deg,#ffd08a,#f0a95c)}.avatar[data-uid="4"]{background:linear-gradient(150deg,#ff9fb2,#ef7290)}.avatar[data-uid="5"]{background:linear-gradient(150deg,#7fd8e8,#4fb2cd)}.avatar.sm{width:1.5rem;height:1.5rem;font-size:.7rem;border-radius:32%}.auth-screen{min-height:100%;display:flex;align-items:center;justify-content:center;padding:var(--s6) 1.25rem;background:radial-gradient(1100px 560px at 50% -12%,#18203a 0%,var(--bg) 58%)}.auth-card{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:1.8rem;display:flex;flex-direction:column;gap:.65rem;box-shadow:0 24px 60px #00000073}.auth-card.wide{max-width:480px}.auth-card p{margin:0 0 .3rem}.brand{margin:0 0 .2rem;font-size:2rem;font-weight:800;letter-spacing:-.025em;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.auth-card input{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:.7rem .85rem;outline:none;transition:border-color .15s}.auth-card input:focus{border-color:var(--accent)}.auth-card button[type=submit]{margin-top:.4rem;background:var(--brand);color:#fff;border:none;border-radius:10px;padding:.75rem;cursor:pointer;font-weight:600;transition:filter .15s}.auth-card button[type=submit]:hover:not(:disabled){filter:brightness(1.12)}.auth-card button[type=submit]:disabled{opacity:.6;cursor:default}button.link{background:none;border:none;color:var(--muted);cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:0}button.link:hover{color:var(--text)}button.link:disabled{opacity:.6;cursor:default}button.link.danger{color:var(--danger)}.guild-list{list-style:none;margin:.5rem 0;padding:0;display:flex;flex-direction:column;gap:.45rem}.guild-item{width:100%;text-align:left;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:.8rem .95rem;cursor:pointer;display:flex;flex-direction:column;gap:.15rem;transition:border-color .15s,background .15s}.guild-item:hover{border-color:var(--accent);background:var(--raised)}.guild-name{font-weight:600}.create-guild{border-top:1px solid var(--line);margin-top:.9rem;padding-top:.9rem;display:flex;flex-direction:column;gap:.5rem}.create-guild h2{font-size:1rem;margin:0 0 .2rem}.create-guild input{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:.65rem .8rem;outline:none}.create-guild input:focus{border-color:var(--accent)}.create-guild button{background:var(--raised);border:1px solid var(--line);border-radius:10px;padding:.65rem;cursor:pointer;font-weight:600}.create-guild button:hover{border-color:var(--accent)}.auth-form{display:flex;flex-direction:column;gap:.6rem}.layout{display:grid;grid-template-columns:68px 254px minmax(0,1fr) auto;height:100%}.rail{display:flex;flex-direction:column;align-items:center;gap:var(--s2);padding:var(--s3) var(--s2);background:var(--bg);border-right:1px solid var(--line);min-height:0}.rail-guild{flex:none;width:2.4rem;height:2.4rem;border-radius:30%;cursor:pointer;display:grid;place-items:center;font-weight:800;color:#0b0e17;border:none;background:linear-gradient(140deg,var(--accent),var(--accent-2));transition:transform .12s var(--ease),box-shadow .12s var(--ease)}.rail-guild:hover{transform:translateY(-1px);box-shadow:0 6px 16px #8fb3ff47}.rail-items{display:flex;flex-direction:column;align-items:stretch;gap:var(--s1);width:100%;margin-top:var(--s3);flex:1;min-height:0;overflow-y:auto}.rail-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:.15rem;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;padding:var(--s2) .15rem;color:var(--muted);transition:background .12s,color .12s}.rail-item:hover{background:#ffffff0d;color:var(--text)}.rail-item.active{background:var(--raised);color:var(--text)}.rail-icon{font-size:1.15rem;line-height:1.1}.rail-label{font-size:.62rem;font-weight:700;letter-spacing:.02em}.rail-badge{position:absolute;top:.15rem;right:.5rem;min-width:1.05rem;height:1.05rem;padding:0 .25rem;display:grid;place-items:center;border-radius:999px;background:#d94a5a;color:#fff;font-size:.62rem;font-weight:700}.rail-dot{position:absolute;top:.45rem;right:.85rem;width:.42rem;height:.42rem;border-radius:999px;background:var(--accent)}.rail-me{background:none;border:none;cursor:pointer;padding:0;margin-top:auto}.rail-me .avatar{width:2.2rem;height:2.2rem}.disclosure{display:flex;align-items:center;gap:.35rem;flex:1;min-width:0;background:none;border:none;padding:0;cursor:pointer;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit}.disclosure:hover{color:var(--text)}.caret{display:inline-block;transition:transform .14s var(--ease);font-size:.7rem}.caret.shut{transform:rotate(-90deg)}.section-count{margin-left:.1rem;padding:0 .35rem;border-radius:999px;background:var(--raised);color:var(--muted);font-size:.66rem}.sidebar{background:var(--panel-2);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.sidebar-head{padding:var(--s3) var(--s4);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:var(--s3);min-height:3.6rem}.guild-mark{flex:none;width:2.1rem;height:2.1rem;border-radius:30%;display:grid;place-items:center;font-weight:800;font-size:.95rem;color:#0b0e17;background:linear-gradient(140deg,var(--accent),var(--accent-2))}.sidebar-head-text{min-width:0}.guild-title{font-weight:700;font-size:1rem;letter-spacing:-.012em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-group{flex:1;overflow-y:auto;padding:.7rem .5rem;min-height:0}.channel-group-head{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:.3rem .55rem;margin-bottom:.15rem}.channel-group ul{list-style:none;margin:0 0 .2rem;padding:0}button.icon{background:none;border:none;color:var(--muted);font-size:1.15rem;cursor:pointer;line-height:1;width:1.6rem;height:1.6rem;border-radius:7px}button.icon:hover{color:var(--text);background:#ffffff12}.add-channel{padding:.2rem .5rem .5rem}.add-channel input{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:.5rem .65rem;outline:none}.add-channel input:focus{border-color:var(--accent)}.channel-item{width:100%;text-align:left;background:none;border:none;padding:.42rem .55rem;border-radius:9px;cursor:pointer;display:flex;gap:.5rem;align-items:center;color:var(--muted);font-size:.95rem;transition:background .12s,color .12s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-item:hover{background:#ffffff0d;color:var(--text)}.channel-item.active{background:var(--raised);color:var(--text);font-weight:600}.channel-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.channel-item.unread{color:var(--text);font-weight:700}.unread-badge{flex:none;min-width:1.25rem;height:1.25rem;padding:0 .35rem;display:inline-flex;align-items:center;justify-content:center;background:#d94a5a;color:#fff;border-radius:999px;font-size:.7rem;font-weight:700;line-height:1}.hash{color:#5f6d90;font-weight:600}.channel-group-head.dm-head{margin-top:1rem}.sidebar-foot{border-top:1px solid var(--line);padding:.65rem .8rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:nowrap}.sidebar-foot button.link{text-decoration:none;font-size:.82rem;white-space:nowrap;padding:.35rem .5rem;border-radius:8px}.sidebar-foot button.link:hover{background:#ffffff0f}.message-view{display:flex;flex-direction:column;height:100%;min-width:0;min-height:0}.message-view.empty{align-items:center;justify-content:center}.channel-header{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s3) var(--s5);border-bottom:1px solid var(--line);background:var(--panel-2);min-height:3.6rem}.channel-header strong{font-size:1.02rem;letter-spacing:-.012em}.channel-header>div:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-header .topic{font-weight:400}.channel-header-right{display:flex;align-items:center;gap:.9rem;flex:none}.presence{font-size:.78rem;color:var(--muted);white-space:nowrap}.presence.open{color:var(--ok)}.messages{flex:1;overflow-y:auto;padding:var(--s5) var(--s5) var(--s2);display:flex;flex-direction:column;min-height:0;scroll-behavior:smooth;overscroll-behavior:contain}.messages:before{content:"";margin-top:auto}.msg{display:flex;gap:var(--s3);padding:.3rem var(--s2);margin:0 calc(var(--s2) * -1);border-radius:var(--radius-sm);transition:background .1s}.msg:hover{background:#ffffff06}.msg:not(.grouped){margin-top:var(--s3)}.msg:first-child{margin-top:0}.msg-gutter{flex:none;width:2.2rem}.msg-main{min-width:0;flex:1}.msg-meta{display:flex;gap:var(--s2);align-items:baseline;margin-bottom:.12rem}.msg-author{font-weight:650;letter-spacing:-.005em}.msg-meta .small{color:var(--faint);font-variant-numeric:tabular-nums}.msg-body{overflow-wrap:anywhere;line-height:1.5}.msg-body.deleted{color:var(--muted);font-style:italic;white-space:pre-wrap}.rt-p{margin:0}.rt-p+.rt-p,.msg-body>*+*{margin-top:.45rem}.msg-body a{color:var(--accent);text-underline-offset:2px}.msg-body a:hover{text-decoration:underline}.msg-body code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.88em;background:#8fb3ff1c;border:1px solid var(--line);border-radius:5px;padding:.05em .32em}.rt-code{margin:0;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:.7rem .85rem;overflow-x:auto;position:relative}.rt-code code{background:none;border:none;padding:0;font-size:.85rem;line-height:1.5;white-space:pre;display:block}.rt-code[data-lang]:before{content:attr(data-lang);position:absolute;top:.3rem;right:.6rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.rt-quote{margin:0;padding:.1rem 0 .1rem .8rem;border-left:3px solid var(--line);color:var(--muted)}.rt-list{margin:0;padding-left:1.25rem}.rt-list li{margin:.1rem 0}.day-divider{display:flex;align-items:center;gap:var(--s3);margin:var(--s5) 0 var(--s3);color:var(--faint);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.day-divider:before,.day-divider:after{content:"";flex:1;height:1px;background:var(--line-soft)}.messages>.day-divider:first-of-type{margin-top:0}.msg{position:relative}.msg-actions{position:absolute;top:-.55rem;right:.4rem;display:flex;gap:.15rem;background:var(--raised);border:1px solid var(--line);border-radius:9px;padding:.1rem;opacity:0;transition:opacity .12s}.msg:hover .msg-actions,.msg:focus-within .msg-actions{opacity:1}@media (hover: none){.msg-actions{opacity:1}}.msg-actions .icon{font-size:.85rem;width:1.7rem;height:1.7rem}.msg-actions .icon.danger:hover{color:var(--danger)}.edited-tag{font-style:italic}.msg-edit{display:flex;flex-direction:column;gap:.4rem;margin:.15rem 0 .3rem}.msg-edit input{background:var(--panel);border:1px solid var(--accent);border-radius:9px;padding:.5rem .7rem;outline:none}.msg-edit-actions{display:flex;align-items:center;gap:.7rem}.msg-edit-actions button[type=submit]{background:var(--brand);color:#fff;border:none;border-radius:8px;padding:.3rem .8rem;cursor:pointer;font-weight:600;font-size:.85rem}.channel-intro{margin:auto 0 1.5rem;padding:.5rem 0}.channel-intro-mark{display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:28%;margin-bottom:.8rem;background:var(--raised);border:1px solid var(--line);font-size:1.5rem;font-weight:700;color:var(--accent)}.channel-intro h2{margin:0 0 .3rem;font-size:1.5rem;letter-spacing:-.02em}.channel-intro p{margin:0;max-width:46ch;line-height:1.55}.emoji-img{height:1.25em;width:auto;vertical-align:-.22em}.reactions{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.35rem;align-items:center}.reaction-pill{display:inline-flex;align-items:center;gap:.3rem;cursor:pointer;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:.1rem .5rem;font-size:.85rem;line-height:1.5;transition:border-color .12s,background .12s}.reaction-pill:hover{border-color:var(--accent)}.reaction-pill.mine{background:#8fb3ff29;border-color:var(--accent)}.reaction-count{font-size:.78rem;font-weight:600;color:var(--muted)}.reaction-pill.mine .reaction-count{color:var(--accent)}.reaction-pill.add{opacity:0;font-size:.78rem;padding:.1rem .45rem}.msg:hover .reaction-pill.add,.reactions:focus-within .reaction-pill.add{opacity:1}.reactions:has(.reaction-pill.mine) .reaction-pill.add,.reactions .reaction-pill.add:focus{opacity:1}@media (hover: none){.reaction-pill.add{opacity:1}}.reaction-add-wrap{position:relative}.emoji-pop{position:absolute;bottom:calc(100% + .4rem);left:0;z-index:12;width:250px;animation:pop-in .12s var(--ease);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.6rem;box-shadow:var(--shadow-pop)}.emoji-pop.below{bottom:auto;top:calc(100% + .4rem)}@keyframes pop-in{0%{opacity:0;transform:translateY(4px)}}.emoji-pop-head{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:.55rem 0 .3rem}.emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.15rem}.emoji-grid button{background:none;border:none;border-radius:8px;cursor:pointer;font-size:1.15rem;padding:.25rem 0;display:flex;align-items:center;justify-content:center}.emoji-grid button:hover{background:#ffffff14}.emoji-grid .emoji-img{height:1.3rem}.emoji-upload{margin-top:.6rem;font-size:.82rem}.sidebar-search{padding:var(--s2) var(--s3) 0}.sidebar-search input{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.45rem .7rem;outline:none;font-size:.88rem;transition:border-color .15s var(--ease)}.sidebar-search input::placeholder{color:var(--faint)}.sidebar-search input:focus{border-color:var(--accent)}.results-body{flex:1;overflow-y:auto;padding:var(--s4) var(--s5) var(--s5);min-height:0}.result-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s2)}.result{width:100%;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:var(--s1);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s3) var(--s4);transition:border-color .12s,background .12s}.result:hover{border-color:var(--accent);background:var(--raised)}.result-head{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}.result-body{display:block;line-height:1.5;overflow-wrap:anywhere}.result-thumb{max-height:120px;max-width:200px;border-radius:var(--radius-sm);border:1px solid var(--line);margin-top:var(--s1);object-fit:cover}.file-grid{display:grid;gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.file-tile{display:flex;flex-direction:column;gap:var(--s1);cursor:pointer;padding:0;background:none;border:none;text-align:left}.file-tile img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line);transition:border-color .12s,transform .12s var(--ease)}.file-tile:hover img{border-color:var(--accent);transform:translateY(-2px)}.file-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-panel{width:380px;display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--line);background:var(--panel-2)}.thread-panel .channel-header{background:none}.thread-body{flex:1;overflow-y:auto;padding:1rem 1rem .5rem;min-height:0}.thread-parent{padding-bottom:.6rem}.thread-divider{display:flex;align-items:center;gap:.7rem;margin:.4rem 0 .6rem}.thread-divider:after{content:"";flex:1;height:1px;background:var(--line)}.thread-link{display:inline-flex;align-items:center;gap:.35rem;margin-top:.3rem;background:none;border:none;padding:.15rem 0;cursor:pointer;color:var(--accent);font-size:.85rem;font-weight:600}.thread-link:hover{text-decoration:underline;text-underline-offset:2px}.composer{display:flex;gap:var(--s2);padding:var(--s3) var(--s5) var(--s4)}.composer input,.composer textarea{flex:1;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.75rem .95rem;outline:none;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.composer input::placeholder,.composer textarea::placeholder{color:var(--faint)}.composer input:focus,.composer textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #8fb3ff1f}.composer textarea{resize:none;max-height:40vh;overflow-y:auto;line-height:1.45;font-family:inherit}.composer-hint{padding:0 1.2rem .6rem}.composer button[type=submit]{background:var(--brand);color:#fff;border:none;border-radius:var(--radius);padding:0 1.2rem;cursor:pointer;font-weight:600;transition:filter .15s}.composer button[type=submit]:hover:not(:disabled){filter:brightness(1.12)}.composer button[type=submit]:disabled{opacity:.6;cursor:default}.composer .photo-btn{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:0 .85rem;cursor:pointer;font-size:1.05rem}.composer .photo-btn:hover:not(:disabled){border-color:var(--accent)}.composer .photo-btn:disabled{opacity:.6;cursor:default}.composer-attach{display:flex;align-items:center;gap:.7rem;margin:0 1.2rem -.4rem;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.55rem .7rem}.composer-attach img{height:54px;width:54px;object-fit:cover;border-radius:9px;border:1px solid var(--line)}.composer-attach span{flex:1;min-width:0}.msg-image{display:block;max-width:min(380px,100%);max-height:320px;border-radius:var(--radius);border:1px solid var(--line);margin-top:.35rem;object-fit:cover;cursor:zoom-in}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#03050ae6;display:flex;align-items:center;justify-content:center;padding:2rem;cursor:zoom-out}.lightbox img{max-width:94vw;max-height:88vh;border-radius:var(--radius);border:1px solid var(--line);object-fit:contain;cursor:default}.lightbox-close{position:absolute;top:1rem;right:1.2rem;z-index:21;background:#ffffff17;border:1px solid var(--line);border-radius:999px;width:2.5rem;height:2.5rem;font-size:1.1rem;cursor:pointer}.lightbox-close:hover{background:#ffffff2e}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050810b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:10}.panel{width:100%;max-width:540px;max-height:85vh;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:1.3rem 1.5rem 1.5rem;box-shadow:var(--shadow-pop)}.panel h3{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:1.3rem 0 .5rem}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head h2{margin:0;font-size:1.15rem;letter-spacing:-.01em}.member-list,.invite-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.member-list li,.invite-list li{display:flex;justify-content:space-between;align-items:center;gap:.6rem;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:.55rem .8rem}.member-who{display:flex;align-items:center;gap:.65rem;min-width:0}.member-who .avatar{width:1.9rem;height:1.9rem;font-size:.8rem}.member-actions,.invite-actions{display:flex;align-items:center;gap:.7rem;white-space:nowrap;flex:none}.role-badge{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:#8fb3ff1a;border:1px solid var(--line);border-radius:999px;padding:.15rem .6rem}.invite-form{display:flex;gap:.5rem}.invite-form input{flex:1;min-width:0;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:.6rem .8rem;outline:none}.invite-form input:focus{border-color:var(--accent)}.invite-form select{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:0 .55rem;cursor:pointer}.invite-form button{background:var(--brand);color:#fff;border:none;border-radius:10px;padding:0 1rem;cursor:pointer;font-weight:600}.invite-form button:hover:not(:disabled){filter:brightness(1.12)}.invite-form button:disabled{opacity:.6;cursor:default}@media (max-width: 900px){.thread-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;width:auto;border-left:none;background:var(--bg)}}@media (max-width: 720px){.layout{grid-template-columns:56px 1fr;grid-template-rows:auto 1fr}.rail{grid-row:1 / -1;padding:var(--s2) .3rem}.rail-label{display:none}.rail-item{padding:var(--s2) 0}.sidebar{border-right:none;border-bottom:1px solid var(--line);max-height:42vh}.channel-group{padding:.5rem .5rem .2rem}.messages{padding:1rem .9rem .5rem}.composer{padding:.7rem .9rem calc(.7rem + env(safe-area-inset-bottom))}.composer-attach{margin:0 .9rem -.4rem}.channel-header{padding:.7rem .9rem}.channel-intro h2{font-size:1.25rem}.panel{padding:1.1rem 1rem 1.2rem;max-height:90vh}.overlay{padding:.8rem}.invite-form{flex-wrap:wrap}.invite-form input{flex:1 1 100%}}