*{box-sizing:border-box} [hidden]{display:none!important}:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e7eee9;background:#111816}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}main{max-width:440px;margin:auto;padding:48px 26px 30px}.brand{display:flex;align-items:center;gap:12px;font-size:27px;font-weight:800;color:#bcf47c;letter-spacing:-2px}.brand span{font-size:12px;letter-spacing:2px;color:#e7eee9}.intro{margin:72px 0 36px}.eyebrow{color:#bcf47c;font-size:10px;letter-spacing:2px;font-weight:700}h1{font-size:36px;line-height:1.12;letter-spacing:-1.3px;font-weight:600}.intro>p:last-child{color:#a4b2a9;line-height:1.6;font-size:15px}label{display:block;font-size:12px;color:#a4b2a9;margin:18px 0 8px}input,select{width:100%;padding:15px;border:1px solid #364239;background:#1a241f;color:#fff;border-radius:12px;outline:none;font-size:16px}input:focus,select:focus{border-color:#bcf47c}button{border:0;border-radius:12px;background:#bcf47c;color:#15210e;padding:16px;font-weight:650}#loginButton{width:100%;margin-top:24px;display:flex;justify-content:space-between}button:disabled{opacity:.4;cursor:default}details{margin-top:32px;font-size:13px;color:#dce6df}details p,.footnote{color:#8c9e91;font-size:12px;line-height:1.6}.footnote{margin-top:32px}#loginError,#chatError{color:#ffb4a8;font-size:13px;min-height:15px}#chat{max-width:680px;margin:auto;height:100dvh;display:flex;flex-direction:column;padding:calc(12px + env(safe-area-inset-top)) 18px max(10px,env(safe-area-inset-bottom))}header{display:flex;align-items:center;justify-content:space-between;padding:8px 0 20px;border-bottom:1px solid #2c392f}.small{font-size:22px}.quiet{background:#243128;color:#c4d3c8;font-size:12px;padding:10px 14px}.identity{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:18px 0;font-size:13px}#identity{font-weight:650}#status{font-size:11px;color:#a4b2a9}.online{color:#bcf47c!important}.channel{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-bottom:14px}.channel label{margin:0;font-size:11px}.channel select{width:auto;padding:8px;font-size:13px}.channel input{padding:10px}#messages{flex:1;min-height:0;overflow-y:auto;overflow-wrap:anywhere;padding:6px 0 16px}#empty{text-align:center;padding:60px 6px;color:#8c9e91}#empty span{font-size:32px;color:#bcf47c}#empty h2{font-size:22px;color:#e7eee9;font-weight:500}#empty p{font-size:13px;line-height:1.7}.bubble{background:#202d25;border:1px solid #304034;border-radius:4px 16px 16px 16px;padding:13px 15px;margin:12px 45px 12px 0;white-space:pre-wrap}.bubble.own{background:#2e4025;border-color:#465e35;margin:12px 0 12px 45px;border-radius:16px 4px 16px 16px}.meta{display:flex;gap:8px;justify-content:space-between;font-size:11px;color:#adbcaf;margin-bottom:7px}.body{font-size:15px;line-height:1.5}.reply{background:transparent;color:#bcf47c;padding:7px 0 0;font-size:11px}#compose{display:flex;gap:8px}#compose input{min-width:0}#send{width:52px;flex-shrink:0;font-size:24px;padding:8px}#chatError{margin:4px 0 8px}footer{font-size:10px;color:#8c9e91;text-align:center;padding:12px 0 0}@media(max-height:700px){.intro{margin-top:35px}main{padding-top:30px}}

#adminPanel{max-width:640px;margin:auto;padding:calc(24px + env(safe-area-inset-top)) 24px 40px}#adminPanel header h1{font-size:28px;margin:0}.adminIntro{font-size:14px;color:#a4b2a9;line-height:1.6}#adminPanel h2{font-size:20px;font-weight:600;margin-top:32px}#createButton{margin-top:18px;width:100%}#adminNotice{color:#bcf47c;font-size:14px;line-height:1.5}.accountCard{background:#1a241f;border:1px solid #364239;border-radius:14px;padding:18px;margin:14px 0}.accountCard h3{margin:0;font-size:17px;overflow-wrap:anywhere}.accountCard p{color:#a4b2a9;font-size:13px;overflow-wrap:anywhere}.resetPassword{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.resetPassword input{flex:1;min-width:160px}.resetPassword button{font-size:12px}

.permissionForm{margin-top:20px;border-top:1px solid #364239;padding-top:8px}.permissionForm label{display:flex;align-items:center;gap:12px;font-size:13px;color:#dce6df}.permissionForm input{width:20px;height:20px;accent-color:#bcf47c}.permissionForm button{margin-top:12px;font-size:13px}

.pushControls{margin-bottom:14px}.pushControls p{font-size:11px;color:#a4b2a9;margin:7px 0;line-height:1.4}