:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#29332e;background:#f7f8f4;font-synthesis:none;--green:#526d43;--muted:#949b93;--line:#e5e8df}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button{transition:background .2s,transform .2s}button:hover:not(:disabled){filter:brightness(.96)}a{color:inherit;text-decoration:none}[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:3px solid #a8c887;outline-offset:4px}input:focus,textarea:focus{outline:none;border-color:#8da675;box-shadow:0 0 0 3px #93aa6e17}.brand{display:flex;align-items:center;font-size:33px;letter-spacing:-1.8px;font-weight:750;width:max-content;color:#fff}.brand-icon{background:#d8edac;color:#26362a;width:39px;height:39px;display:grid;place-items:center;border-radius:12px;margin-right:12px;font:bold italic 36px Georgia;padding-bottom:5px}.brand-dot{color:#d8edac}.login-shell{display:grid;grid-template-columns:1.05fr 1fr;min-height:100dvh}.intro{background:#222d27;color:#f3f5eb;padding:48px 9%;position:relative;overflow:hidden;display:flex;flex-direction:column}.intro:after{content:"";position:absolute;width:500px;height:500px;border:1px solid #657b5730;border-radius:50%;bottom:-345px;left:-180px;box-shadow:0 0 0 70px #657b5709,0 0 0 140px #657b5706;pointer-events:none}.intro-copy{margin:auto 0;padding:65px 0 55px}.eyebrow{font-size:10px;letter-spacing:2.8px;color:#bdd299}.intro h1{font-size:clamp(40px,4.3vw,67px);font-weight:550;letter-spacing:1px;line-height:1.35;margin:28px 0 23px}.intro h1 span{color:#d0e5a6}.intro-copy>p{font-size:14px;line-height:2;color:#aab7ad}.conversation-art{margin-top:48px;max-width:370px}.art-bubble{border:1px solid #ffffff13;background:#ffffff08;border-radius:15px 15px 15px 3px;padding:18px 20px;font-size:13px;width:fit-content;box-shadow:0 8px 20px #00000006;transform:rotate(-3deg)}.art-bubble span{padding-left:20px;color:#d6e5aa}.art-bubble.reply{background:#dbe9b7;color:#36452c;margin:20px 0 0 auto;border-radius:15px 15px 3px 15px;transform:rotate(3deg)}.reply span{color:#36452c}.art-caption{font-size:9px;letter-spacing:2px;color:#859784;margin-top:35px;display:flex;align-items:center;gap:8px}i{width:6px;height:6px;background:#97bb71;border-radius:50%;display:inline-block}.intro footer{font-size:10px;color:#7d9081;display:flex;justify-content:space-between;gap:20px}.intro footer span{font-size:9px;letter-spacing:1px}.login-panel{padding:50px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 95% 0,#e8eddf80,transparent 48%),#fafbf7}.login-card{width:100%;max-width:375px}.pill{font-size:11px;background:#edf1e6;color:#70855a;border:1px solid #e1e7d7;padding:8px 13px;border-radius:30px}.login-card h2{font-size:30px;letter-spacing:-1px;margin:28px 0 13px;font-weight:600}.muted{font-size:12px;color:#90958a;line-height:1.8}.login-card form{margin-top:35px}.login-card label{display:block;font-size:12px;font-weight:600;margin:21px 0 10px}.login-card input{width:100%;height:51px;border:1px solid #dde2d6;border-radius:9px;padding:0 15px;background:#fff;color:#29332e;font-size:13px}input::placeholder,textarea::placeholder{color:#adb2a6}.password-wrap{position:relative}.password-wrap input{padding-right:60px}.password-wrap button{position:absolute;right:13px;top:17px;background:none;border:0;color:#87917f;font-size:11px}.primary{width:100%;border:0;background:#34482f;color:#fff;padding:16px 20px;border-radius:9px;font-size:13px;text-align:left;display:flex;justify-content:space-between;align-items:center}.primary span{font-size:19px}.error{color:#b55543;font-size:12px;line-height:1.5;min-height:18px;margin:12px 0}.error:empty{min-height:0}.auth-note{display:flex;gap:10px;font-size:10px;color:#959e8c;line-height:1.9;margin-top:20px}.auth-note>span{padding-top:9px;font-size:14px}.login-foot{display:flex;gap:25px;padding-top:26px;margin-top:20px;border-top:1px solid var(--line);font-size:10px;color:#929b89}.panel-bottom{position:absolute;bottom:35px;left:50px;right:50px;font-size:10px;color:#9ba491;display:flex;justify-content:space-between}.chat-shell{height:100dvh;display:grid;grid-template-columns:255px 1fr}.sidebar{background:#242e28;color:#dde4da;padding:32px 20px 0;display:flex;flex-direction:column;min-height:0}.sidebar .brand{margin:0 12px 51px;font-size:31px}.workspace-label,.members-heading{font-size:10px;color:#8e9f90;letter-spacing:1px;padding:0 13px;margin-bottom:14px}.channel{border:1px solid #c6d8ae17;background:#c6d8ae0c;border-radius:9px;display:flex;align-items:center;color:#e2eccc;text-align:left;padding:14px;gap:13px;width:100%}.hash{font-size:23px;color:#cfe4a8;font-weight:300}.channel>span:nth-child(2){font-size:12px;flex:1}.channel small{display:block;font-size:10px;color:#90a084;margin-top:5px}.channel-dot{height:6px;width:6px;border-radius:50%;background:#cde7a4}.members-heading{display:flex;justify-content:space-between;margin-top:34px;margin-bottom:13px}.members-heading>span{background:#ffffff0a;padding:2px 6px;border-radius:4px}.members{overflow-y:auto;flex:1}.member{display:flex;align-items:center;gap:11px;padding:10px 12px;font-size:12px}.member>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member small{color:#8fa185;font-size:10px}.member .avatar{height:30px;width:30px;min-width:30px;font-size:12px;position:relative}.member .avatar:after{content:"";background:#9aba73;border:2px solid #242e28;border-radius:50%;width:6px;height:6px;position:absolute;right:-1px;bottom:-1px}.avatar{display:grid;place-items:center;border-radius:11px;background:#e6ebdb;color:#5c7150;width:38px;height:38px;flex-shrink:0;font-size:15px;font-weight:600}.tone-1{background:#e5dfed;color:#79658c}.tone-2{background:#f0e3d5;color:#98775c}.tone-3{background:#dce8e9;color:#608389}.sidebar-note{margin:30px 12px;color:#899b87;display:flex;gap:12px;align-items:center}.sidebar-note>span{font-size:27px;color:#a9ba87}.sidebar-note p{font-size:10px;line-height:1.9}.self{border-top:1px solid #ffffff10;display:flex;align-items:center;padding:21px 5px;gap:10px}.self .avatar{background:#cdddac;color:#35452c}.self-info{flex:1;min-width:0}.self strong{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis}.self small{display:block;font-size:9px;color:#91a087;margin-top:5px}.self button{background:transparent;border:0;color:#a7b09e;font-size:22px}.chat-main{display:flex;flex-direction:column;min-height:0;min-width:0;background:#fcfcf9}.chat-header{height:100px;flex-shrink:0;border-bottom:1px solid var(--line);padding:0 42px;display:flex;justify-content:space-between;align-items:center}.room-title{display:flex;align-items:center;gap:15px}.room-icon{border:1px solid #e5e9dd;background:#f2f4eb;border-radius:13px;font-size:26px;color:#869c6d;width:45px;height:45px;display:grid;place-items:center}.room-title h1{font-size:17px;font-weight:600;margin:0}.room-tag{font-size:8px;color:#869575;background:#eef2e6;border:1px solid #e1e8d6;padding:3px 6px;border-radius:4px;vertical-align:middle;margin-left:9px;letter-spacing:1px}.room-title p{font-size:11px;color:#9b9e93;margin:7px 0 0}.connection{font-size:10px;display:flex;align-items:center;gap:7px;color:#79915e;white-space:nowrap}.connection.offline{color:#a59376}.connection.offline i{background:#c0a573}.room-banner{background:#f3f6eb;border-bottom:1px solid #e8eddc;padding:13px 42px;color:#7d9067;display:flex;align-items:center;gap:10px;font-size:10px}.room-banner p{margin:0;line-height:1.6}.banner-end{margin-left:auto;letter-spacing:1.5px;font-size:8px;color:#9cac88}.message-scroll{flex:1;overflow-y:auto;padding:24px 42px;scroll-behavior:smooth;min-height:0}.welcome{padding:24px 0 31px;border-bottom:1px solid var(--line);margin-bottom:24px}.welcome-icon{color:#7c9460;background:#eef3e4;border:1px solid #e1e8d4;border-radius:18px;width:58px;height:58px;font-size:36px;display:grid;place-items:center;margin-bottom:20px}.welcome>span{font-size:8px;letter-spacing:2px;color:#9aa98a}.welcome h2{font-size:24px;font-weight:550;letter-spacing:-.6px;margin:12px 0}.welcome p{font-size:11px;color:#999f90;margin-bottom:0}.empty{font-size:12px;color:#9ca58e;padding:22px 0}.message-row{display:flex;gap:12px;margin:22px 0;align-items:flex-start}.message-body{min-width:0;max-width:78%}.message-meta{display:flex;align-items:center;gap:9px;margin:1px 0 8px}.message-meta strong{font-size:11px;font-weight:600}.message-meta time{font-size:9px;color:#a7aa9e}.message-meta small{font-size:8px;color:#849a69;background:#eef3e4;padding:2px 4px;border-radius:3px}.bubble{background:#f0f2eb;border:1px solid #e9ece2;border-radius:0 12px 12px 12px;padding:12px 15px;font-size:13px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;color:#4c5647;display:table}.own .bubble{background:#eaf1dc;border-color:#e0e8d2}.date-divider{display:flex;align-items:center;gap:16px;margin:25px 0;color:#a4aa9b;font-size:9px}.date-divider:before,.date-divider:after{content:"";height:1px;background:#edf0e6;flex:1}.composer-area{padding:0 42px 22px;background:#fcfcf9}.composer{border:1px solid #dce3d2;border-radius:12px;background:#fff;box-shadow:0 4px 16px #35432b04;padding:15px}.composer:focus-within{border-color:#a4b98d}.composer textarea{resize:none;width:100%;border:0;background:none;padding:0;font-size:13px;line-height:1.8;color:#35432b;box-shadow:none;max-height:150px}.composer-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.composer-hint{font-size:18px;color:#859b71}.composer-hint>span{font-size:10px;color:#a5ad9b;vertical-align:middle;margin-left:7px}.composer-bottom>div{display:flex;align-items:center;gap:15px}#char-count{font-size:9px;color:#abb2a1}.send{background:#354b2d;color:#fff;border:0;border-radius:7px;padding:10px 17px;font-size:11px;display:flex;gap:19px}.composer-footer{display:flex;justify-content:space-between;color:#a7ae9f;font-size:9px;margin-top:11px}.composer-footer>span:last-child>span{margin-left:5px}.load-more{display:block;margin:0 auto 16px;background:#f0f3e9;color:#7a8b69;border:1px solid #e4e9dc;border-radius:20px;font-size:11px;padding:8px 15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 22px;border-radius:9px;background:#34482f;color:#f5f8ef;font-size:12px;box-shadow:0 8px 30px #0002;z-index:10}@media(min-width:1500px){.chat-header,.room-banner{padding-left:70px;padding-right:70px}.message-scroll{padding:24px 70px}.composer-area{padding-left:70px;padding-right:70px}}@media(max-width:900px){.intro{padding:35px 8%}.intro h1{font-size:43px}.intro footer span{display:none}.login-panel{padding:35px}.chat-shell{grid-template-columns:210px 1fr}.sidebar{padding-left:12px;padding-right:12px}.chat-header{padding:0 24px}.room-banner{padding:12px 24px}.banner-end{display:none}.message-scroll{padding:20px 24px}.composer-area{padding:0 24px 20px}.room-tag{display:none}.composer-hint>span{display:none}}@media(max-width:620px){.login-shell{display:block}.intro{min-height:240px;padding:25px}.intro .brand{font-size:26px}.intro .brand-icon{width:32px;height:32px;font-size:29px}.intro-copy{padding:30px 0 0}.eyebrow{font-size:8px;letter-spacing:2px}.intro h1{font-size:32px;margin:13px 0 8px}.intro h1 br{display:none}.intro-copy>p{font-size:12px;margin:0}.intro-copy>p br{display:none}.conversation-art,.intro footer{display:none}.login-panel{padding:38px 25px 65px}.login-card{max-width:420px}.login-card h2{font-size:26px}.login-card form{margin-top:23px}.panel-bottom{bottom:20px;left:25px;right:25px}.chat-shell{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;padding:12px 18px;gap:15px;min-height:65px}.sidebar .brand{font-size:24px;margin:0}.sidebar .brand-icon{width:30px;height:30px;font-size:27px;border-radius:9px;margin-right:8px}.workspace-label,.channel,.members-heading,.members,.sidebar-note{display:none}.self{padding:0;border:0;margin-left:auto;gap:8px}.self .avatar{width:29px;height:29px;font-size:11px}.self-info{max-width:100px}.self small{display:none}.self button{margin-left:9px}.chat-shell{display:flex;flex-direction:column}.chat-main{flex:1}.chat-header{height:77px;padding:0 18px}.room-title{gap:10px}.room-title h1{font-size:15px}.room-title p{font-size:9px}.room-icon{height:36px;width:36px;border-radius:10px}.connection{font-size:9px}.room-banner{padding:10px 18px;font-size:9px}.message-scroll{padding:15px 18px}.welcome{padding:10px 0 23px}.welcome-icon{width:45px;height:45px;border-radius:14px;font-size:29px;margin-bottom:15px}.welcome h2{font-size:20px}.message-body{max-width:calc(100% - 46px)}.message-row{gap:9px}.message-row>.avatar{width:32px;height:32px;border-radius:9px;font-size:12px}.bubble{font-size:12px}.composer-area{padding:0 14px max(12px,env(safe-area-inset-bottom))}.composer-footer>span:last-child{display:none}.composer-footer{font-size:8px}.composer textarea{font-size:16px}.composer{padding:12px}.login-card input{font-size:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.admin-open{margin-left:auto;margin-right:18px;background:#eff3e8;border:1px solid #dce5d1;border-radius:7px;padding:9px 12px;font-size:11px;color:#657c51;white-space:nowrap}.delete-message{background:none;border:0;color:#9c8174;font-size:10px;padding:2px 5px;border-radius:4px}.bubble.deleted{font-style:italic;color:#a0a695;background:#f5f6f1;border-style:dashed}.admin-dialog{width:min(640px,calc(100% - 28px));max-height:85dvh;border:1px solid #dfe6d5;border-radius:20px;padding:30px;background:#fcfcf8;color:#35432b;box-shadow:0 25px 100px #15231940}.admin-dialog::backdrop{background:#15231980;backdrop-filter:blur(4px)}.admin-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.admin-heading .eyebrow{color:#8d9d79;font-size:8px;letter-spacing:2px}.admin-heading h2{font-size:23px;font-weight:600;margin:12px 0 8px}.admin-heading p,.admin-tip{font-size:11px;color:#94a086;line-height:1.8}.dialog-close{border:0;background:#eef2e7;color:#6e815b;font-size:24px;border-radius:50%;width:32px;height:32px}.admin-search{display:flex;gap:9px;margin:20px 0}.admin-search input{min-width:0;flex:1;border:1px solid #dce4d1;border-radius:8px;background:white;padding:11px 13px;font-size:13px}.admin-search button,.admin-pager button,.moderate-button{border:1px solid #dce4d1;background:#eef3e5;border-radius:7px;color:#627a4d;padding:8px 12px;font-size:11px}.admin-users{font-size:12px;color:#7d8f6a;min-height:70px}.admin-user{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e9eddf;padding:14px 0}.admin-user-info{flex:1;min-width:0}.admin-user-info strong{display:block;overflow-wrap:anywhere;font-size:12px;color:#3c4c32}.admin-user-info small{display:block;font-size:9px;color:#9da68f;margin-top:6px}.user-status{font-size:10px;color:#8d9e76;white-space:nowrap}.user-status.banned{color:#b87966}.admin-pager{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:10px;color:#8d9d79}.admin-tip{border-top:1px solid #e9eddf;padding-top:15px;margin-bottom:0}@media(max-width:620px){.admin-open{padding:7px;font-size:9px;margin-right:9px}.admin-dialog{padding:20px}.admin-user{gap:8px}.admin-user .avatar{width:30px;height:30px}.room-title p{max-width:170px}.admin-open~.connection{font-size:0}.admin-open[hidden]~.connection{font-size:9px}}