*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:Arial,Helvetica,sans-serif;background:#07120b;color:#eaffef}.hidden{display:none!important}.chat-shell{min-height:100%;display:flex;justify-content:center;background:radial-gradient(circle at top,#0d5428 0,#07120b 42%,#050805 100%)}.login-screen,.chat-screen{width:100%;max-width:520px;min-height:100vh;background:#08110c;position:relative}.login-screen{padding:28px 18px 18px}.brand-card{text-align:center;padding:26px 14px}.app-icon{width:86px;height:86px;border-radius:25px;margin:0 auto 14px;display:grid;place-items:center;background:linear-gradient(135deg,#1cff5b,#088532);color:#001b08;font-weight:900;font-size:34px;box-shadow:0 14px 34px rgba(28,255,91,.22)}h1{margin:0;font-size:30px}.brand-card p,.install-note{color:#b6cabd}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.tab{border:1px solid #1c4928;background:#0c1b11;color:#dfffe7;border-radius:14px;padding:12px;font-weight:800}.tab.active{background:#123d1d;border-color:#1cff5b;color:#1cff5b}.login-card{background:#0d1811;border:1px solid #1a3c22;border-radius:22px;padding:16px;box-shadow:0 20px 60px rgba(0,0,0,.35)}label{display:block;margin:10px 0 6px;color:#9fe6b5;font-size:14px;font-weight:700}input,textarea{width:100%;border:1px solid #24552f;background:#071009;color:#eaffef;border-radius:14px;padding:14px;font-size:17px;outline:none}input:focus,textarea:focus{border-color:#1cff5b}.primary,.send{width:100%;border:0;border-radius:16px;padding:14px 16px;margin-top:14px;background:#1cff5b;color:#001708;font-weight:900;font-size:16px}.install-btn{width:100%;border:1px solid #1cff5b;border-radius:16px;padding:14px 16px;margin-top:14px;background:#0d2816;color:#dffff0;font-weight:900;font-size:16px;box-shadow:0 0 20px rgba(28,255,91,.15)}.msg{min-height:22px;color:#ffd36b}.install-note{text-align:center;font-size:13px}.chat-screen{display:flex;flex-direction:column}.chat-head{height:72px;display:flex;align-items:center;gap:12px;padding:12px;background:#0b1b10;border-bottom:1px solid #183820;position:sticky;top:0;z-index:2}.avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#1cff5b;color:#001708;font-weight:900}.chat-head strong{display:block}.chat-head span{display:block;color:#a9c9b1;font-size:13px}.chat-head button{margin-left:auto;border:1px solid #315c3c;background:#102017;color:#eaffef;border-radius:12px;padding:10px}.notice{margin:10px 12px 0;padding:10px 12px;border:1px solid #23442c;background:#0a1710;border-radius:14px;color:#b8d2bf;font-size:13px}.messages{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.bubble{max-width:82%;padding:11px 12px;border-radius:18px;line-height:1.34;white-space:pre-wrap;word-wrap:break-word}.bubble .time{display:block;margin-top:4px;font-size:11px;opacity:.7}.bubble.client{align-self:flex-end;background:#1c7d38;color:#fff;border-bottom-right-radius:6px}.bubble.admin{align-self:flex-start;background:#132018;border:1px solid #24482d;border-bottom-left-radius:6px}.empty{text-align:center;color:#9cb4a3;margin:auto}.composer{display:flex;gap:8px;align-items:flex-end;padding:10px;background:#0b1b10;border-top:1px solid #183820}.composer textarea{min-height:46px;max-height:120px;resize:none}.composer button{border:0;border-radius:14px;padding:12px;font-weight:900}.composer #emojiBtn{background:#16251b;color:#fff}.composer .send{width:auto;margin:0;background:#1cff5b;color:#001708}.emoji-bar{display:flex;gap:6px;overflow:auto;padding:8px 10px;background:#0b1b10}.emoji-bar button{font-size:24px;border:1px solid #23472c;background:#0e1a12;border-radius:12px;padding:8px 10px}@media (display-mode:standalone){body{overscroll-behavior:none}}