*{box-sizing:border-box;margin:0;padding:0}:root{--accent:#00a884;--accent-soft:color-mix(in srgb, var(--accent) 12%, transparent);--bg:#f0f2f5;--panel:#fff;--panel-2:#f5f6f6;--text:#111b21;--text-dim:#667781;--border:#e9edef;--bubble-me:#d9fdd3;--bubble-them:#fff;--danger:#ea4335;--chat-bg:#efe7dd;--shadow:#00000014}[data-theme=dark]{--accent-soft:color-mix(in srgb, var(--accent) 18%, transparent);--bg:#060b0f;--panel:#0d151b;--panel-2:#16222a;--text:#e9edef;--text-dim:#7f929e;--border:#1e2b34;--bubble-me:#005c4b;--bubble-them:#1c2932;--chat-bg:#0a1218;--shadow:#0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-accent=blue]{--accent:#2b7fff}[data-accent=purple]{--accent:#8b5cf6}[data-accent=rose]{--accent:#f43f5e}[data-accent=amber]{--accent:#f59e0b}[data-theme=dark][data-accent=blue]{--bubble-me:#1c4b8f}[data-theme=dark][data-accent=purple]{--bubble-me:#4c2f8f}[data-theme=dark][data-accent=rose]{--bubble-me:#8f2440}[data-theme=dark][data-accent=amber]{--bubble-me:#7a5410}[data-theme=light][data-accent=blue]{--bubble-me:#d5e6ff}[data-theme=light][data-accent=purple]{--bubble-me:#e8ddff}[data-theme=light][data-accent=rose]{--bubble-me:#ffdde4}[data-theme=light][data-accent=amber]{--bubble-me:#ffedcc}html,body,#root{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);overscroll-behavior:none;width:100%;font-family:Segoe UI,system-ui,-apple-system,sans-serif;position:fixed;inset:0}.app{background:var(--panel);flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 24px #0000001f}.topbar{background:var(--panel-2);border-bottom:1px solid var(--border);align-items:center;gap:12px;min-height:60px;padding:12px 16px;display:flex}.topbar h1{color:var(--accent);letter-spacing:.3px;flex:1;font-size:1.15rem}.topbar .title{flex:1;font-size:1.05rem;font-weight:600}.iconbtn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:6px;font-size:1.3rem;line-height:1}.iconbtn:hover{background:var(--accent-soft);color:var(--accent)}.avatar{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar.lg{width:96px;height:96px;font-size:2.4rem}.auth{flex-direction:column;flex:1;justify-content:center;gap:14px;padding:32px 28px;display:flex}.auth .logo{text-align:center;margin-bottom:12px}.auth .logo .mark{background:var(--accent);color:#fff;border-radius:26px;justify-content:center;align-items:center;width:84px;height:84px;margin-bottom:12px;font-size:2.6rem;font-weight:900;display:inline-flex}.auth h2{text-align:center;font-size:1.5rem}.auth .sub{text-align:center;color:var(--text-dim);margin-bottom:10px;font-size:.9rem}.tabs{background:var(--panel-2);border-radius:12px;padding:4px;display:flex}.tabs button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:10px;font-size:.95rem;font-weight:600}.tabs button.on{background:var(--accent);color:#fff}input,textarea{border:1px solid var(--border);background:var(--panel-2);width:100%;color:var(--text);border-radius:12px;outline:none;padding:13px 15px;font-size:1rem}input:focus{border-color:var(--accent)}.btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px;font-size:1.05rem;font-weight:700}.btn:disabled{opacity:.6}.btn.ghost{background:var(--accent-soft);color:var(--accent)}.error{color:var(--danger);text-align:center;font-size:.88rem}.hint{color:var(--text-dim);font-size:.8rem}.list{flex:1;overflow-y:auto}.row{cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:13px;padding:12px 16px;display:flex}.row .meta{flex:1;min-width:0}.row .name{font-size:1rem;font-weight:600}.row .preview{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:.87rem;overflow:hidden}.row .time{color:var(--text-dim);align-self:flex-start;padding-top:4px;font-size:.75rem}.empty{text-align:center;color:var(--text-dim);padding:60px 30px;font-size:.95rem;line-height:1.6}.fab{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:18px;width:58px;height:58px;font-size:1.5rem;position:absolute;bottom:24px;right:18px;box-shadow:0 6px 16px #00000040}.chatbg{background:var(--chat-bg);flex-direction:column;flex:1;gap:6px;padding:14px 12px;display:flex;overflow-y:auto}.msg{word-wrap:break-word;border-radius:12px;max-width:78%;padding:8px 12px;font-size:.95rem;line-height:1.4;position:relative;box-shadow:0 1px 1px #00000014}.msg.me{background:var(--bubble-me);border-bottom-right-radius:4px;align-self:flex-end}.msg.them{background:var(--bubble-them);border-bottom-left-radius:4px;align-self:flex-start}.msg .t{color:var(--text-dim);text-align:right;margin-top:3px;font-size:.68rem;display:block}.msg img,.msg video{border-radius:8px;max-width:100%;margin-bottom:2px;display:block}.msg .locked{color:var(--text-dim);font-style:italic}.composer{background:var(--panel-2);border-top:1px solid var(--border);align-items:flex-end;gap:8px;padding:10px 12px;display:flex}.composer textarea{resize:none;border-radius:20px;flex:1;max-height:110px;padding:11px 16px;font-family:inherit}.sendbtn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;width:46px;height:46px;font-size:1.2rem}.e2ee-note{text-align:center;color:var(--text-dim);background:var(--accent-soft);border-radius:8px;max-width:90%;margin:0 auto 8px;padding:7px 12px;font-size:.75rem}.searchbox{padding:12px 16px}.profile{flex-direction:column;flex:1;align-items:center;gap:14px;padding:24px 20px;display:flex;overflow-y:auto}.profile .uname{font-size:1.3rem;font-weight:700}.profile .phone{color:var(--text-dim)}.section{background:var(--panel-2);border-radius:14px;flex-direction:column;gap:12px;width:100%;padding:16px;display:flex}.section h3{text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim);font-size:.85rem}.setrow{justify-content:space-between;align-items:center;gap:10px;display:flex}.swatches{gap:10px;display:flex}.swatch{cursor:pointer;border:3px solid #0000;border-radius:50%;width:34px;height:34px}.swatch.on{border-color:var(--text)}.toggle{background:var(--panel);border-radius:10px;padding:3px;display:flex}.toggle button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px 14px;font-weight:600}.toggle button.on{background:var(--accent);color:#fff}.qrbox{background:#fff;border-radius:14px;padding:14px}.linkbtn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:6px;font-size:.95rem;font-weight:600}.linkbtn.danger{color:var(--danger)}.scanwrap{background:#000;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:20px;display:flex}.scanwrap video{border-radius:16px;width:100%;max-width:380px}.gamebar{background:var(--panel-2);border-top:1px solid var(--border);gap:8px;padding:8px 12px;display:flex}.gamebar button{background:var(--accent-soft);color:var(--accent);cursor:pointer;border:none;border-radius:10px;flex:1;padding:10px;font-size:.9rem;font-weight:700}.gamecard{background:var(--panel);border-radius:12px;margin-top:4px;padding:12px}.ttt{grid-template-columns:repeat(3,64px);justify-content:center;gap:6px;margin:10px 0;display:grid}.ttt button{background:var(--panel-2);width:64px;height:64px;color:var(--text);cursor:pointer;border:none;border-radius:10px;font-size:1.8rem;font-weight:800}.ttt button:disabled{cursor:default}.rps{justify-content:center;gap:10px;margin:10px 0;display:flex}.rps button{background:var(--panel-2);cursor:pointer;border:none;border-radius:12px;padding:10px 16px;font-size:2rem}.rps button.picked{outline:3px solid var(--accent)}.gstatus{text-align:center;color:var(--text-dim);font-size:.88rem;font-weight:600}.install{background:var(--panel-2);border:1px solid var(--border);z-index:50;border-radius:16px;align-items:center;gap:12px;padding:14px;display:flex;position:absolute;bottom:14px;left:12px;right:12px;box-shadow:0 8px 24px #00000040}.install .mark{background:var(--accent);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.4rem;font-weight:900;display:flex}.install .txt{flex:1;font-size:.88rem}.install .txt b{font-size:.95rem;display:block}.install .btn{width:auto;padding:10px 18px;font-size:.9rem}.list,.chatbg,.profile{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0}.topbar,.composer,.gamebar,.searchbox{flex-shrink:0}.gamecard{flex-shrink:0;max-height:46dvh;overflow-y:auto}.logo-inline{align-items:center;gap:9px;display:inline-flex}.logoword{letter-spacing:.5px;background:linear-gradient(90deg, var(--accent), #7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:800}.logodot{opacity:.55;margin:0 1px}.chatload{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:40px 20px;display:flex}.loadring{border-radius:50%;justify-content:center;align-items:center;width:74px;height:74px;display:flex;position:relative}.loadring:before{content:"";border:3px solid #0000;border-top-color:var(--accent);border-right-color:#7c3aed;border-radius:50%;animation:.9s linear infinite scmspin;position:absolute;inset:0}.loadring svg{animation:1.6s ease-in-out infinite scmpulse}.loadring.sm{width:26px;height:26px}.loadring.sm:before{border-width:2px}.loadtext{color:var(--text-dim);font-size:.9rem;font-weight:600}.loader-small{color:var(--text-dim);align-items:center;gap:8px;font-size:.85rem;display:inline-flex}@keyframes scmspin{to{transform:rotate(360deg)}}@keyframes scmpulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(.88)}}.ticks{letter-spacing:-1.5px;color:var(--text-dim);margin-left:4px;font-weight:700}.ticks.read{color:#34b7f1}[data-theme=dark] .ticks.read{color:#53bdeb}.presence.typing{color:var(--accent);font-weight:700;animation:1.2s ease-in-out infinite scmblink}@keyframes scmblink{50%{opacity:.55}}.recovery{text-align:center;letter-spacing:2px;background:var(--panel-2);border:2px dashed var(--accent);-webkit-user-select:all;user-select:all;border-radius:14px;padding:18px;font-family:Consolas,monospace;font-size:1.5rem;font-weight:800}.callwrap{z-index:100;color:#e9edef;background:linear-gradient(160deg,#0b141a,#14252e 60%,#1b1230);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.remotevideo{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.localvideo{z-index:2;border:2px solid #ffffff59;border-radius:12px;width:104px;position:absolute;top:76px;right:14px}.callcenter{margin-bottom:18px}.callinfo{text-align:center;z-index:2;text-shadow:0 1px 6px #0009;position:absolute;top:34px;left:0;right:0}.callname{font-size:1.5rem;font-weight:800}.callstatus{opacity:.85;margin-top:4px;font-size:.9rem}.callbtns{z-index:2;justify-content:center;gap:22px;display:flex;position:absolute;bottom:44px;left:0;right:0}.cbtn{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff29;border:none;border-radius:50%;width:62px;height:62px;font-size:1.5rem}.cbtn.off{background:#ffffff73}.cbtn.end{background:#ea4335}.cbtn.accept{background:#00a884;animation:1.1s ease-in-out infinite scmring}@keyframes scmring{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.c4{background:var(--accent-soft);border-radius:12px;grid-template-columns:repeat(7,38px);justify-content:center;gap:5px;margin:10px 0;padding:10px;display:grid}.c4cell{background:var(--panel-2);cursor:pointer;border:none;border-radius:50%;width:38px;height:38px;padding:0}.c4cell.red{background:radial-gradient(circle at 32% 30%,#ff7b6b,#e0301e)}.c4cell.yellow{background:radial-gradient(circle at 32% 30%,#ffe27a,#f2b705)}.c4cell:disabled{cursor:default}.presence{color:var(--text-dim);font-size:.72rem;font-weight:500}.badge{color:var(--accent);font-size:.8rem;line-height:1}.datechip{background:var(--accent-soft);color:var(--accent);border-radius:12px;align-self:center;margin:8px 0 4px;padding:5px 12px;font-size:.72rem;font-weight:700}.sender{color:var(--accent);margin-bottom:2px;font-size:.74rem;font-weight:700}.notifbell{position:relative}.belldot{background:var(--danger);color:#fff;border-radius:10px;padding:1px 5px;font-size:.6rem;font-weight:800;line-height:1.3;position:absolute;top:0;right:0}.checkbox{border:2px solid var(--border);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-weight:800;display:flex}.checkbox.on{background:var(--accent);border-color:var(--accent)}.memberlist{flex-direction:column;gap:12px;max-height:46dvh;display:flex;overflow-y:auto}.seenstate{color:var(--text-dim);flex-shrink:0;font-size:.8rem;font-weight:600}.seenstate.seen{color:#34b7f1}.notifrow{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:13px 16px;display:flex}.notifrow .meta{flex:1;min-width:0}.notifactions{gap:8px;margin-top:8px;display:flex}.notifactions .btn{width:auto}.hiddenbar{background:var(--accent-soft);color:var(--accent);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 16px;font-size:.9rem;font-weight:700;display:flex}.unhidebtn{flex-shrink:0;width:auto;margin-left:8px;padding:8px 12px;font-size:.8rem}.topbar{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 9%, var(--panel-2)), var(--panel-2));border-bottom:1px solid color-mix(in srgb, var(--accent) 28%, var(--border))}.section h3,.profile .uname,.loadtext{color:var(--accent)}.row:hover{background:var(--accent-soft)}.avatar{border:2px solid color-mix(in srgb, var(--accent) 40%, transparent)}.e2ee-note{color:var(--accent);font-weight:600}.sheet{border-top:3px solid var(--accent)}.sheet h3{color:var(--accent)}.empty{color:color-mix(in srgb, var(--accent) 40%, var(--text-dim))}.list::-webkit-scrollbar{width:4px}.chatbg::-webkit-scrollbar{width:4px}.profile::-webkit-scrollbar{width:4px}.list::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent) 55%, transparent);border-radius:4px}.chatbg::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent) 55%, transparent);border-radius:4px}.profile::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent) 55%, transparent);border-radius:4px}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.chatbg{background:radial-gradient(900px 480px at 85% -8%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 62%), var(--chat-bg)}.msg{box-shadow:0 1px 2px var(--shadow)}[data-theme=dark] .msg.them,[data-theme=dark] .section,[data-theme=dark] .gamecard{border:1px solid var(--border)}[data-theme=dark] .app{box-shadow:0 0 32px #0009}[data-theme=dark] .composer{background:color-mix(in srgb, var(--accent) 5%, var(--panel-2))}[data-theme=dark] .row{border-bottom-color:color-mix(in srgb, var(--border) 70%, transparent)}[data-theme=dark] .datechip{background:color-mix(in srgb, var(--accent) 22%, var(--panel-2));color:#fff}[data-theme=dark] .e2ee-note{background:color-mix(in srgb, var(--accent) 24%, var(--panel-2));color:#fff}[data-theme=dark] .tabs,[data-theme=dark] .toggle{border:1px solid var(--border)}[data-theme=dark] input,[data-theme=dark] textarea{background:#101b23}[data-theme=dark] .install,[data-theme=dark] .sheet{box-shadow:0 -8px 32px #0000008c}.auth .logo .mark,.install .mark,.fab,.sendbtn,.tabs button.on,.toggle button.on,.btn:not(.ghost){background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 65%, #7c3aed))}.fab:active,.sendbtn:active,.btn:active{transform:scale(.96)}.fab,.sendbtn,.btn,.row,.iconbtn,.swatch{transition:transform .12s,background .15s}.topbar h1{background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 55%, #7c3aed));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.sheetwrap{z-index:90;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.sheet{background:var(--panel);width:100%;max-width:480px;padding:22px 20px calc(22px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;flex-direction:column;gap:12px;animation:.18s ease-out scmup;display:flex}.sheet h3{text-align:center;font-size:1.05rem}.btn.danger{background:var(--danger)}@keyframes scmup{0%{opacity:.4;transform:translateY(40%)}to{opacity:1;transform:none}}.msg{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.msg.selected{outline:3px solid var(--accent);outline-offset:1px}.selectbar{background:var(--accent-soft)}.toast{background:var(--text);color:var(--panel);z-index:60;border-radius:24px;padding:10px 18px;font-size:.88rem;position:absolute;top:70px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0000004d}