:root{--bg: #0b0b10;--bg2: #121218;--surface: #17171f;--surface2: #1e1e28;--text: #f4f4f6;--muted: #9a9aad;--line: #26262f;--honey: #f5b301;--honey2: #ffd84d;--ink: #111111;--green: #22c55e;--red: #ef4444;--blue: #38bdf8;--radius: 14px}body.light{--bg: #fafafc;--bg2: #ffffff;--surface: #ffffff;--surface2: #f1f1f5;--text: #14141a;--muted: #6b6b7a;--line: #e4e4ea}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#3a3a48 transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#3a3a48;border-radius:8px}::-webkit-scrollbar-track{background:transparent}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}h1,h2,h3,.logo,.brand b,.btn{font-family:Sora,Segoe UI,system-ui,-apple-system,Roboto,Helvetica Neue,Arial,sans-serif}button{font:inherit;cursor:pointer}input,textarea,select{font:inherit;color:var(--text);background:var(--surface2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;width:100%}input:focus,textarea:focus,select:focus{outline:2px solid var(--honey);outline-offset:0;border-color:var(--honey)}a{color:var(--honey)}img{max-width:100%}.login-wrap{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:radial-gradient(600px 300px at 50% -5%,rgba(245,179,1,.18),transparent),#0b0b10;color:#f4f4f6;text-align:center}.bee-float{font-size:64px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-10px) rotate(5deg)}}.logo{font-size:40px;font-weight:900;letter-spacing:6px}.logo span{color:var(--honey)}.tagline{margin-top:6px;font-size:15px;font-weight:700;color:#fff}.subtag{margin-top:4px;font-size:13px;color:#9a9aad}.login-card{width:100%;max-width:360px;margin-top:28px;background:#17171f;border:1px solid #26262f;border-radius:18px;padding:22px;text-align:left}.login-card label{display:block;font-size:12px;color:#9a9aad;margin:12px 0 6px}.login-card input{background:#1e1e28;color:#f4f4f6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--honey);color:#111;border:none;border-radius:12px;padding:12px 18px;font-weight:800;width:100%}.btn:disabled{opacity:.55;cursor:wait}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--line);width:auto;padding:8px 14px;font-weight:600}.btn-danger{background:var(--red);color:#fff;width:auto;padding:8px 14px}.btn-small{padding:7px 12px;font-size:13px;width:auto}.err{background:#ef444424;color:#fca5a5;border:1px solid rgba(239,68,68,.4);border-radius:10px;padding:10px 12px;font-size:13px;margin-top:12px}.ok{background:#22c55e24;color:#86efac;border:1px solid rgba(34,197,94,.4);border-radius:10px;padding:10px 12px;font-size:13px;margin-top:12px}.hint{margin-top:14px;font-size:12px;color:#666;text-align:center}.shell{display:flex;height:100vh;height:100dvh;background:var(--bg)}.sidebar{width:320px;min-width:320px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:var(--bg2)}.brand{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}.brand .bee{font-size:28px}.brand b{letter-spacing:3px;font-size:18px}.brand b span{color:var(--honey)}.brand small{display:block;color:var(--muted);font-size:11px;letter-spacing:0}.nav{display:flex;gap:6px;padding:10px 12px;border-bottom:1px solid var(--line);flex-wrap:wrap}.nav button{background:transparent;border:1px solid var(--line);color:var(--text);border-radius:999px;padding:7px 12px;font-size:13px;width:auto}.nav button.active{background:var(--honey);color:#111;border-color:var(--honey);font-weight:700}.list{flex:1;overflow-y:auto}.row{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);cursor:pointer;align-items:center;width:100%;background:none;border-left:none;border-right:none;border-top:none;color:var(--text);text-align:left}.row:hover,.row.active{background:var(--surface2)}.avatar{width:46px;height:46px;min-width:46px;border-radius:50%;background:var(--honey);color:#111;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.small{width:34px;height:34px;min-width:34px;font-size:14px}.row .meta{flex:1;min-width:0}.row .meta b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .meta span{display:block;color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{background:var(--honey);color:#111;border-radius:999px;min-width:20px;height:20px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.on{background:var(--green)}.dot.off{background:#555}.main{flex:1;display:flex;flex-direction:column;min-width:0}.chat-head{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--bg2)}.chat-head b{display:block}.chat-head small{color:var(--muted)}.msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.msg{max-width:72%;display:flex;flex-direction:column}.msg.me{align-self:flex-end;align-items:flex-end}.msg.them{align-self:flex-start;align-items:flex-start}.msg .who{font-size:11px;color:#00e5ff;font-weight:700;margin-bottom:3px}.bubble{padding:10px 14px;border-radius:16px;background:#122b1a;color:#eaffea;word-break:break-word;line-height:1.45}.msg.me .bubble{background:#00ff41;color:#04140a;border-bottom-right-radius:4px}.msg.me .bubble a{color:#04140a}.msg.them .bubble{background:#122b1a;color:#eaffea;border-bottom-left-radius:4px}.msg.them .bubble a{color:#7dff9e}.bubble img.sticker{width:140px;height:100px;object-fit:contain}.bubble img.photo{max-width:260px;border-radius:10px;display:block}.bubble video{max-width:260px;border-radius:10px}.bubble audio{width:100%;max-width:240px;min-width:0}.vn-row{display:flex;align-items:center;gap:8px;min-width:0;width:100%}.vn-row audio{flex:1 1 auto;min-width:0}.vn-dur{font-size:11px;color:var(--muted);white-space:nowrap;flex:0 0 auto}.msg .meta2{font-size:11px;color:var(--muted);margin-top:3px;display:flex;gap:8px;align-items:center}.msg .meta2 button{background:none;border:none;color:var(--muted);padding:0;font-size:11px;width:auto}.rxns{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}.rxns button{background:var(--surface2);border:1px solid var(--line);color:var(--text);border-radius:999px;padding:2px 8px;font-size:12px;width:auto}.reply-box{font-size:12px;color:var(--muted);border-left:3px solid var(--honey);padding-left:8px;margin-bottom:6px}.composer{border-top:1px solid var(--line);background:var(--bg2);padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.composer .row-input{display:flex;gap:8px;align-items:flex-end}.composer textarea{flex:1;resize:none;max-height:120px}.icon-btn{background:var(--surface2);border:1px solid var(--line);color:var(--text);border-radius:50%;width:42px;height:42px;min-width:42px;font-size:18px;display:inline-flex;align-items:center;justify-content:center}.icon-btn.rec{background:var(--red);color:#fff;border-color:var(--red);animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.6}}.send-btn{background:var(--honey);color:#111;border:none;border-radius:50%;width:42px;height:42px;min-width:42px;font-size:18px;font-weight:900}.picker{border-top:1px solid var(--line);padding:10px;max-height:260px;overflow-y:auto;background:var(--bg2)}.picker .tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.picker .tabs button{width:auto;background:var(--surface2);border:1px solid var(--line);color:var(--text);border-radius:999px;padding:5px 10px;font-size:12px}.picker .tabs button.active{background:var(--honey);color:#111;font-weight:700}.sticker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.sticker-grid button{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:4px}.sticker-grid img{width:100%;height:60px;object-fit:contain}.panel{flex:1;overflow-y:auto;padding:20px;max-width:720px;width:100%;margin:0 auto}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:14px}.card h3{margin:0 0 10px;font-size:16px}.card label{display:block;font-size:12px;color:var(--muted);margin:10px 0 5px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:14px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px;text-align:center}.stat b{font-size:24px;display:block;color:var(--honey)}.stat span{font-size:12px;color:var(--muted)}table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:8px 6px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);gap:8px;padding:24px;text-align:center}.bottom-nav{display:none}.search{padding:10px 12px;border-bottom:1px solid var(--line)}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.modal{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px;width:100%;max-width:480px;max-height:90vh;max-height:90dvh;overflow-y:auto}.modal video,.modal img.preview{width:100%;border-radius:12px;background:#000}.toast{position:fixed;bottom:76px;left:50%;transform:translate(-50%);background:var(--honey);color:#111;font-weight:700;padding:10px 16px;border-radius:999px;z-index:99;font-size:13px;box-shadow:0 6px 24px #0006}@media (max-width: 760px){.sidebar{width:100%;min-width:0;border-right:none}.shell.chat-open .sidebar{display:none}.shell:not(.chat-open) .main{display:none}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--bg2);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:40}.bottom-nav button{flex:1 1 0;min-width:0;background:none;border:none;color:var(--muted);font-size:11px;padding:6px 2px;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav button.active{color:var(--honey);font-weight:800}.bottom-nav button .ic{display:block;font-size:20px}.list,.panel{padding-bottom:64px}.composer{padding-bottom:calc(10px + env(safe-area-inset-bottom))}.msg{max-width:86%}}@media (max-width: 400px){.cam-quick{display:none!important}.composer .row-input{gap:6px}.icon-btn,.send-btn{width:38px;height:38px;min-width:38px;font-size:16px}.composer textarea{min-width:0}}.attach-panel{display:flex;gap:8px;flex-wrap:wrap;padding:8px 0 4px}.attach-panel button{width:auto;background:var(--surface2);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:8px 12px;font-size:13px}.emoji-row{display:flex;gap:4px;flex-wrap:wrap;padding:8px 0 4px}.emoji-row button{width:auto;background:none;border:none;font-size:22px;padding:4px 6px}.rec-bar{display:flex;align-items:center;gap:10px;padding:8px 0 4px;color:var(--red);font-weight:700}.rec-bar button{width:auto}.fwd-list button{display:block;width:100%;text-align:left;background:var(--surface2);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:10px 12px;margin-bottom:8px}.pinned-bar{background:#f5b3011f;border:1px solid rgba(245,179,1,.4);border-radius:10px;padding:8px 10px;font-size:12px;margin-bottom:8px}.must-change{background:#f5b30124;border:1px solid var(--honey);color:var(--text);border-radius:12px;padding:12px 14px;margin-bottom:12px;font-size:13px}