:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#183139;background:#f4f7f6;font-size:16px;line-height:1.5;font-synthesis:none;--ink:#183139;--muted:#62777d;--line:#dfe7e4;--green:#175f48;--soft:#e7f3ec;--rail:#153c39;}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button,a,input,textarea,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #56a289;outline-offset:3px}button{border:0}h1,h2,h3,p{margin-top:0}h1{font-size:1.75rem;line-height:1.2;letter-spacing:-.6px;margin-bottom:16px}h2{font-size:1.25rem;letter-spacing:-.3px}h3{font-size:1rem}a{color:var(--green)}[hidden]{display:none!important}.muted{color:var(--muted)}.hint{font-size:.8125rem;color:var(--muted);margin:0}.brand-logo{width:175px;height:auto;display:block}.primary,.secondary{border-radius:9px;padding:11px 17px;min-height:46px;font-weight:600;font-size:.875rem;white-space:nowrap}.primary{background:var(--green);color:white}.primary:hover{background:#114e3a}.secondary{background:white;border:1px solid var(--line);color:var(--ink)}.secondary:hover{background:#edf3f0}.compact{min-height:39px;padding:8px 12px}.danger{color:#a12c31;background:#fff0f0;border-color:#f0cece}.icon-button{background:transparent;border-radius:8px;min-width:44px;min-height:44px;font-size:1.5rem;color:var(--muted)}.stack{display:grid;gap:17px}.stack label{display:grid;gap:7px;font-size:.875rem;font-weight:500}input,textarea,select{border:1px solid var(--line);border-radius:8px;padding:11px 12px;width:100%;min-width:0;color:var(--ink);background:#fff}input::placeholder,textarea::placeholder{color:#788b90}textarea{resize:vertical}.notice{padding:12px 14px;border-radius:9px;font-size:.875rem;background:var(--soft);color:var(--green);overflow-wrap:anywhere}.error{color:#962a31;background:#fff0f0}.auth-page{min-height:100svh;display:grid;place-items:center;padding:32px 20px;background:linear-gradient(140deg,#eef4f1,#fff 65%)}.auth-box{width:100%;max-width:470px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:38px;box-shadow:0 16px 60px #163b3710}.auth-box .brand-logo{margin-bottom:5px;width:200px}.eyebrow{font-size:.75rem;letter-spacing:3px;color:var(--muted);display:block;margin-bottom:36px}.auth-foot{font-size:.8125rem;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin:24px 0 0}.loading{color:var(--muted);margin-top:16px;font-size:.875rem}.checks{display:grid;gap:5px;margin:20px 0;color:var(--muted);font-size:.8125rem}.app{display:grid;grid-template-columns:260px minmax(0,1fr);height:100svh;overflow:hidden}.sidebar{background:var(--rail);color:#eff7f3;display:flex;flex-direction:column;padding:28px 15px 14px;overflow:auto;min-height:0}.workspace{padding:0 13px 25px}.workspace .brand-logo{width:172px}.workspace>span{color:#b8cec5;display:block;font-size:.8125rem;margin-top:6px}.nav-group{margin-bottom:24px}.nav-label{display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;letter-spacing:1.3px;color:#b1cac0;font-size:.75rem;font-weight:600;padding:0 12px 7px}.nav-list{display:grid;gap:4px}.nav-item{display:flex;align-items:center;gap:9px;min-height:43px;border-radius:8px;background:transparent;color:#edf5f0;padding:9px 12px;text-align:left;width:100%;font-size:.875rem}.nav-item:hover{background:#244c46}.nav-item.active{background:#d6ece0;color:#163e2e;font-weight:600}.nav-symbol{width:19px;text-align:center;font-size:1rem;flex-shrink:0}.nav-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.badge{margin-left:auto;display:inline-grid;place-items:center;background:#34735c;color:white;padding:0 6px;border-radius:5px;font-size:.75rem;min-width:19px}.dot{height:7px;width:7px;border-radius:50%;background:#8ad6ab;flex-shrink:0;margin-left:auto}.rail-icon{color:#d6ece0;background:transparent;font-size:1.25rem;min-width:32px;min-height:32px;border-radius:7px}.avatar{display:inline-grid;place-items:center;border-radius:11px;background:#e5f0e9;color:#22523c;width:36px;height:36px;flex-shrink:0;font-size:.75rem;font-weight:650}.avatar.small{width:27px;height:27px;border-radius:8px;font-size:.6875rem;background:#345b50;color:#f1f8f3}.rail-bottom{margin-top:auto}.rail-button{color:#cce1d5;background:transparent;border-radius:8px;width:100%;text-align:left;padding:10px 12px;font-size:.875rem;min-height:42px}.rail-button:hover{background:#244c46}.self{display:flex;gap:10px;align-items:center;text-align:left;width:100%;border-top:1px solid #35534b;background:transparent;color:#fff;padding:18px 9px 4px;margin-top:12px}.self strong{font-size:.875rem;display:block}.self small{color:#b8cec5;font-size:.75rem;display:block}.self .gear{margin-left:auto;font-size:1.2rem;color:#b8cec5}.chat{display:flex;flex-direction:column;min-height:0;min-width:0;background:#f6f8f7}.chat-header{display:flex;align-items:center;gap:16px;padding:23px 29px;border-bottom:1px solid var(--line);background:white;flex-shrink:0}.channel-heading{display:flex;gap:12px;align-items:center;min-width:0}.channel-symbol{border-radius:12px;width:43px;height:43px;background:var(--soft);color:var(--green);display:grid;place-items:center;font-size:1.5rem;flex-shrink:0}.chat-header h1{font-size:1.125rem;margin:0 0 3px;letter-spacing:-.3px;overflow-wrap:anywhere}.chat-header p{font-size:.8125rem;color:var(--muted);margin:0}.header-actions{display:flex;gap:8px;margin-left:auto;flex-shrink:0}.room-label{padding:11px 29px;border-bottom:1px solid var(--line);color:var(--green);background:var(--soft);font-size:.8125rem;flex-shrink:0}.search-bar{display:flex;gap:8px;background:#fff;padding:12px 29px;border-bottom:1px solid var(--line);flex-shrink:0}.search-bar input{padding:8px 12px}.connection{border-radius:0;margin:0;background:#fff3df;color:#80581a;flex-shrink:0}.messages{flex:1;overflow:auto;padding:24px 29px;display:flex;flex-direction:column;gap:20px;scroll-behavior:auto;min-height:0;overscroll-behavior:contain}.date-divider{font-size:.75rem;color:var(--muted);display:flex;align-items:center;gap:14px;margin:4px 0}.date-divider:before,.date-divider:after{height:1px;background:var(--line);content:"";flex:1}.message{display:flex;gap:11px;align-items:flex-start;min-width:0}.message.mine{flex-direction:row-reverse}.message-body{max-width:min(78%,730px);min-width:0}.message-meta{display:flex;align-items:baseline;gap:9px;font-size:.8125rem;margin-bottom:6px;flex-wrap:wrap}.message-meta strong{font-weight:600}.message-meta small{color:var(--muted);font-size:.75rem}.mine .message-meta{justify-content:flex-end}.bubble{border:1px solid var(--line);background:#fff;border-radius:0 13px 13px 13px;padding:12px 15px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:1rem}.mine .bubble{border-radius:13px 0 13px 13px;background:var(--soft);border-color:var(--soft)}.deleted .bubble{color:var(--muted);font-style:italic}.message-footer{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px;min-height:27px}.message-action{color:var(--muted);background:transparent;padding:3px 6px;border-radius:5px;font-size:.75rem;min-height:27px}.message-action:hover{background:#e9eeeb}.reaction{border:1px solid var(--line);border-radius:7px;background:white;padding:3px 9px;font-size:.75rem;min-height:27px}.reaction.reacted{border-color:#397654;background:var(--soft)}.receipt{margin-left:auto;color:var(--muted);font-size:.75rem}.file-link{display:flex;gap:10px;align-items:center;margin-top:10px;padding:11px 12px;border:1px solid var(--line);background:#f7faf8;border-radius:8px;white-space:normal;text-decoration:none}.file-mark{font-size:.6875rem;font-weight:600;padding:6px;background:#d5e8dd;color:#21533d;border-radius:5px}.file-link strong{display:block;font-size:.875rem;font-weight:500;overflow-wrap:anywhere}.file-link small{font-size:.75rem;color:var(--muted)}.composer-wrap{padding:12px 29px 20px;flex-shrink:0;background:#f6f8f7;padding-bottom:max(16px,env(safe-area-inset-bottom))}.composer{display:flex;align-items:flex-end;gap:9px;padding:8px;border:1px solid var(--line);background:#fff;border-radius:13px}.composer textarea{border:0;background:transparent;resize:none;min-height:41px;max-height:130px;padding:9px 3px;line-height:1.4}.composer-foot{display:flex;justify-content:space-between;gap:12px;margin:8px 2px 0;font-size:.75rem;color:var(--muted)}.file-draft{display:flex;align-items:center;gap:12px;font-size:.8125rem;margin-bottom:10px;padding:8px 10px;background:#fff;border:1px solid var(--line);border-radius:8px}.file-draft span{overflow-wrap:anywhere}.empty{margin:auto;max-width:370px;padding:35px 0;text-align:center;color:var(--muted)}.empty h2{color:var(--ink);margin:20px 0 8px}.empty p{font-size:.875rem}.empty-symbol{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:16px;background:var(--soft);color:var(--green);font-size:1.875rem;font-weight:650}.empty .primary{margin-top:12px}.load-older{align-self:center}.mobile-only{display:none}dialog{padding:24px;border:1px solid var(--line);border-radius:16px;width:min(570px,calc(100% - 24px));max-height:85svh;overflow:auto;color:var(--ink);background:#fff;box-shadow:0 24px 80px #163b3730}dialog::backdrop{background:#10282365}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.modal-head h2{margin:0}.modal-head .icon-button{font-size:1.75rem}.modal-section{border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.member-row{display:flex;gap:11px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.member-row>div{min-width:0;flex:1}.member-row strong{display:block;font-size:.875rem;font-weight:600;overflow-wrap:anywhere}.member-row small{display:block;font-size:.75rem;color:var(--muted)}.member-actions{display:flex;gap:5px;flex-wrap:wrap}.member-actions button{font-size:.75rem;min-height:36px;padding:6px 8px}.admin-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.invite-output{padding:14px;background:var(--soft);border-radius:9px;margin-top:16px;font-size:.875rem}.invite-output input{font-size:.8125rem;margin:10px 0}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);background:#173c36;color:#fff;padding:12px 17px;border-radius:10px;z-index:5;box-shadow:0 8px 25px #18392d20;font-size:.875rem}.choice-list{display:grid;gap:8px;max-height:200px;overflow:auto}.choice{display:flex!important;grid-template-columns:none!important;align-items:center;gap:10px!important;font-size:.875rem;font-weight:400!important}.choice input{width:auto;min-width:17px;min-height:17px}.status-pill{display:inline-block;padding:3px 8px;border-radius:5px;background:var(--soft);color:var(--green);font-size:.75rem}.status-pill.off{background:#f1f2f1;color:var(--muted)}.help-steps{padding-left:21px;font-size:.875rem}.help-steps li{margin-bottom:10px}.code-box{display:block;white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f6f4;border-radius:8px;padding:12px;font-size:.8125rem}.offline-state{display:grid;gap:12px;justify-items:center}.scroll-bottom{position:sticky;bottom:0;align-self:center;box-shadow:0 3px 12px #153c3910}
@media(max-width:1000px){.app{grid-template-columns:230px minmax(0,1fr)}.chat-header{padding:20px}.channel-symbol{display:none}.header-actions{gap:5px}.header-actions .compact{font-size:.8125rem;padding:7px 9px}.messages{padding:20px}.composer-wrap{padding:12px 20px 18px}.message-body{max-width:82%}.room-label,.search-bar{padding-left:20px;padding-right:20px}}
@media(max-width:700px){.app{grid-template-columns:1fr}.sidebar{display:none;padding-top:max(20px,env(safe-area-inset-top));}.app.nav-open .sidebar{display:flex}.app.nav-open .chat{display:none}.mobile-only{display:block}.chat-header{padding:11px 12px;gap:9px;flex-wrap:wrap;padding-top:max(11px,env(safe-area-inset-top));}.channel-heading{flex:1}.chat-header h1{font-size:1rem;margin-bottom:1px}.chat-header p{font-size:.75rem}.header-actions{width:100%;justify-content:flex-end;margin:0;gap:8px}.header-actions .compact{min-height:34px}.nav-item{min-height:46px}.workspace{padding-bottom:15px}.nav-group{margin-top:12px;margin-bottom:14px}.messages{padding:17px 12px;gap:17px}.message{gap:8px}.message .avatar{width:29px;height:29px;border-radius:9px;font-size:.6875rem}.message-body{max-width:calc(100% - 39px)}.bubble{padding:11px 12px;font-size:.9375rem}.message-meta{font-size:.8125rem;gap:7px}.message-action{min-height:33px}.reaction{min-height:33px;min-width:44px}.composer-wrap{padding:10px 10px max(14px,env(safe-area-inset-bottom))}.composer{gap:7px;padding:7px}.composer textarea{font-size:1rem;min-height:44px}.composer .compact{min-height:44px;padding:9px;font-size:.8125rem}.composer-foot{font-size:.75rem;flex-wrap:wrap}.room-label{padding:10px 14px;font-size:.8125rem}.search-bar{padding:10px;gap:6px;flex-wrap:wrap}.search-bar input{flex-basis:100%;font-size:1rem}.auth-box{padding:29px 23px}.auth-page{padding:22px 15px}.member-row{flex-wrap:wrap}.member-actions{margin-left:47px;width:calc(100% - 47px)}.member-actions button{min-height:40px}.sidebar .rail-button{min-height:46px}.nav-label{font-size:.75rem}.self{padding-bottom:env(safe-area-inset-bottom)}dialog{padding:20px}.toast{bottom:15px}.modal-head{margin-bottom:18px}.modal-head h2{font-size:1.125rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}