:root{--bg:#06080f;--bg2:#0b1020;--panel:rgba(20,28,48,.66);--panel2:rgba(28,38,64,.6);--stroke:rgba(120,150,220,.14);--stroke2:rgba(120,150,220,.28);--blue:#3a7bff;--blue2:#1652f0;--cyan:#46e6ff;--violet:#8a7bff;--txt:#eaf0ff;--mut:#8a96b8;--mut2:#5e6a8c;--good:#39e6a8;--warn:#ffb84d;--gold:#ffd56b;--glow:0 0 28px rgba(58,123,255,.45)}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--txt);background:radial-gradient(1100px 700px at 12% -8%,rgba(58,123,255,.2),transparent 60%),radial-gradient(900px 600px at 96% 8%,rgba(138,123,255,.16),transparent 55%),radial-gradient(700px 500px at 60% 110%,rgba(70,230,255,.1),transparent 60%),var(--bg);-webkit-font-smoothing:antialiased;overflow:hidden}button{cursor:pointer;border:none;background:none;color:inherit}button,input,textarea{font-family:inherit}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:rgba(120,150,220,.22);border-radius:20px}.app{display:grid;grid-template-columns:248px 1fr;height:100vh}.col{min-height:0;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sidebar{background:linear-gradient(180deg,rgba(11,16,32,.92),rgba(8,11,22,.92));border-right:1px solid var(--stroke)}.main{background:linear-gradient(180deg,rgba(8,11,22,.4),rgba(6,8,15,.6));overflow:hidden}.brand{display:flex;align-items:center;gap:11px;padding:18px 18px 12px}.logo{width:38px;height:38px;border-radius:12px;flex:0 0 auto;background:conic-gradient(from 200deg,var(--blue),var(--violet),var(--cyan),var(--blue));box-shadow:var(--glow);position:relative}.logo:after{content:"";position:absolute;inset:5px;border-radius:8px;background:var(--bg2);box-shadow:inset 0 0 12px rgba(70,230,255,.35)}.brand h1{font-size:18px;margin:0;letter-spacing:.3px;font-weight:800}.brand .tag{font-size:10.5px;color:var(--mut);letter-spacing:.5px;text-transform:uppercase}.nav{padding:8px 10px;flex:1 1;overflow-y:auto}.navi{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:13px;margin:3px 0;font-size:14px;font-weight:600;color:var(--mut);transition:.15s;border:1px solid transparent}.navi:hover{background:var(--panel2);color:var(--txt)}.navi.active{background:linear-gradient(90deg,rgba(58,123,255,.22),rgba(58,123,255,.04));color:var(--txt);border-color:var(--stroke2)}.navi .ic{font-size:18px;width:22px;text-align:center}.navi .ct{margin-left:auto;font-size:11px;background:var(--panel2);border:1px solid var(--stroke);border-radius:20px;padding:1px 7px;color:var(--mut)}.navi.active .ct{background:var(--blue2);color:#fff;border-color:transparent}.navi .soon{margin-left:auto;font-size:9px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--violet);background:rgba(138,123,255,.14);border:1px solid rgba(138,123,255,.3);border-radius:20px;padding:2px 7px}.wallet{margin:10px;padding:13px 14px;border-radius:16px;border:1px solid var(--stroke2);background:linear-gradient(135deg,rgba(58,123,255,.16),rgba(138,123,255,.1))}.wallet .who{display:flex;align-items:center;gap:9px;margin-bottom:9px}.wallet .pfp{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:18px;background:var(--bg2);border:1px solid var(--stroke2)}.wallet .nm{font-size:13px;font-weight:700;line-height:1.1}.wallet .ad{font-size:10.5px;color:var(--mut)}.wallet .bal{font-size:20px;font-weight:800}.wallet .bal span{font-size:11px;color:var(--cyan);font-weight:700;margin-left:5px}.wallet .sub{font-size:10.5px;color:var(--mut);margin-top:1px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700;font-size:13px;padding:10px 14px;border-radius:12px;transition:.15s;white-space:nowrap}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;box-shadow:var(--glow)}.btn.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn.ghost{background:var(--panel2);border:1px solid var(--stroke2);color:var(--txt)}.btn.ghost:hover{background:rgba(58,123,255,.16)}.btn.full{width:100%}.btn.sm{padding:6px 11px;font-size:12px;border-radius:10px}.btn[disabled]{opacity:.5;cursor:not-allowed}.vhead{display:flex;align-items:center;gap:14px;padding:15px 24px;border-bottom:1px solid var(--stroke);background:rgba(8,11,22,.55)}.vhead .vemoji{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:var(--panel2);border:1px solid var(--stroke)}.vhead h2{margin:0;font-size:16.5px;font-weight:700}.vhead p{margin:2px 0 0;font-size:12px;color:var(--mut)}.vhead .right{margin-left:auto;display:flex;gap:9px;align-items:center}.menu-btn{display:none;place-items:center;width:38px;height:38px;border-radius:11px;border:1px solid var(--stroke);font-size:18px}.menu-btn,.status{background:var(--panel2)}.status{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;padding:6px 11px;border-radius:20px;border:1px solid var(--stroke2);color:var(--mut)}.status .d{width:8px;height:8px;border-radius:50%;background:var(--mut)}.status.live{color:var(--good);border-color:rgba(57,230,168,.35)}.status.live .d{background:var(--good);box-shadow:0 0 9px var(--good)}.status.demo{color:var(--warn);border-color:rgba(255,184,77,.3)}.status.demo .d{background:var(--warn)}.status.connecting .d{background:var(--cyan);animation:blink 1s infinite}@keyframes blink{50%{opacity:.3}}.view{flex:1 1;min-height:0;display:none;flex-direction:column}.view.active{display:flex}.scroll{flex:1 1;overflow-y:auto}.wrap{max-width:860px;margin:0 auto;padding:22px 24px 40px;width:100%}.card{background:var(--panel);border:1px solid var(--stroke);border-radius:16px;padding:16px}.banner{padding:13px 15px;border-radius:14px;font-size:12.5px;color:var(--mut);background:linear-gradient(135deg,rgba(138,123,255,.12),rgba(58,123,255,.07));border:1px solid var(--stroke);margin:14px 24px 4px}.banner b{color:var(--cyan)}.feed{padding:14px 24px 8px;flex-direction:column;gap:3px}.feed,.msg{display:flex}.msg{gap:11px;padding:8px 6px;border-radius:14px;position:relative;max-width:780px}.msg:hover{background:rgba(120,150,220,.05)}.msg .mav{width:36px;height:36px;border-radius:11px;flex:0 0 auto;display:grid;place-items:center;font-size:17px;background:var(--panel2);border:1px solid var(--stroke)}.msg.me{flex-direction:row-reverse;align-self:flex-end}.msg.me .body{align-items:flex-end}.body{display:flex;flex-direction:column;min-width:0}.mhead{display:flex;align-items:center;gap:8px;margin-bottom:3px}.mname{font-size:12.5px;font-weight:700}.mtag{font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;padding:1.5px 6px;border-radius:6px}.mtag.agent{background:rgba(138,123,255,.2);color:#bcb3ff;border:1px solid rgba(138,123,255,.4)}.mtag.you{background:rgba(57,230,168,.16);color:var(--good);border:1px solid rgba(57,230,168,.35)}.mtime{font-size:10.5px;color:var(--mut2)}.bubble{background:var(--panel);border:1px solid var(--stroke);padding:9px 13px;border-radius:14px;font-size:14px;line-height:1.5;color:#dde6ff;max-width:560px;word-break:break-word}.msg.me .bubble{background:linear-gradient(135deg,rgba(58,123,255,.28),rgba(58,123,255,.14));border-color:var(--stroke2)}.msg.agent .bubble{border-color:rgba(138,123,255,.28)}.tipbadges{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}.tipbadge{font-size:11px;background:rgba(255,213,107,.12);border:1px solid rgba(255,213,107,.3);color:var(--gold);padding:2px 8px;border-radius:20px;font-weight:700}.reacts{position:absolute;top:-14px;right:14px;display:flex;gap:2px;background:rgba(15,21,38,.96);border:1px solid var(--stroke2);border-radius:14px;padding:4px;box-shadow:0 10px 30px rgba(0,0,0,.5);opacity:0;pointer-events:none;transform:translateY(6px) scale(.96);transition:.14s;z-index:5}.msg.me .reacts{right:auto;left:14px}.msg:hover .reacts{opacity:1;pointer-events:auto;transform:none}.react{display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 8px;border-radius:10px;transition:.12s;min-width:42px}.react:hover{background:rgba(58,123,255,.22);transform:translateY(-2px)}.react .e{font-size:18px;line-height:1}.react .v{font-size:9px;color:var(--gold);font-weight:800}.composer{padding:13px 22px 18px;border-top:1px solid var(--stroke);background:rgba(8,11,22,.55)}.cbox{display:flex;gap:10px;align-items:center;background:var(--panel);border:1px solid var(--stroke2);border-radius:16px;padding:7px 7px 7px 16px}.cbox input{flex:1 1;background:none;border:none;outline:none;color:var(--txt);font-size:14px;padding:8px 0}.cbox input::placeholder{color:var(--mut2)}.send{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--blue2));display:grid;place-items:center;font-size:17px;box-shadow:var(--glow)}.hint{font-size:10.5px;color:var(--mut2);text-align:center;margin-top:7px}.empty{flex:1 1;display:grid;place-items:center;padding:30px}.empty .box{max-width:440px;text-align:center}.empty .big{font-size:48px}.empty h3{margin:14px 0 6px;font-size:20px}.empty p{color:var(--mut);font-size:13.5px;line-height:1.6;margin:0 0 18px}.idpill{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;background:var(--panel);border:1px solid var(--stroke2);border-radius:10px;padding:8px 11px;color:var(--cyan);display:inline-flex;gap:8px;align-items:center;max-width:100%;overflow:hidden}.pcover{height:120px;border-radius:18px;background:linear-gradient(120deg,var(--blue2),var(--violet) 60%,var(--cyan));box-shadow:var(--glow)}.pcard{margin-top:-44px;padding:0 8px}.pfp-lg{width:92px;height:92px;border-radius:24px;display:grid;place-items:center;font-size:46px;background:var(--bg2);border:3px solid var(--bg);box-shadow:0 10px 30px rgba(0,0,0,.4)}.pname{font-size:24px;font-weight:800;margin-top:10px}.phandle{font-size:13px;color:var(--cyan);font-weight:600}.paddr{font-size:12px;color:var(--mut);margin-top:3px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.pbio{font-size:14px;color:#cdd6ef;margin:12px 0 0;line-height:1.55;max-width:620px}.pstats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:18px}.stat{background:var(--panel);border:1px solid var(--stroke);border-radius:14px;padding:13px 14px;text-align:center}.stat .v{font-size:19px;font-weight:800}.stat .v.gold{color:var(--gold)}.stat .v.cyan{color:var(--cyan)}.stat .l{font-size:10.5px;letter-spacing:.6px;margin-top:2px}.section-title,.stat .l{color:var(--mut);text-transform:uppercase}.section-title{font-size:13px;font-weight:800;letter-spacing:.5px;margin:26px 2px 12px}.emoji-pick{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.emoji-pick button{width:40px;height:40px;border-radius:11px;font-size:20px;background:var(--panel);border:1px solid var(--stroke2)}.emoji-pick button.sel{border-color:var(--blue);background:rgba(58,123,255,.2);box-shadow:var(--glow)}.field{margin-bottom:13px}.field label{display:block;font-size:11.5px;color:var(--mut);margin-bottom:5px}.field input,.field textarea{width:100%;background:var(--panel);border:1px solid var(--stroke2);border-radius:11px;padding:11px 13px;color:var(--txt);font-size:14px;outline:none;resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--blue)}.row2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.member{display:flex;align-items:center;gap:11px;padding:10px 6px;border-bottom:1px solid var(--stroke)}.member:last-child{border:none}.member .mav{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:16px;background:var(--panel2)}.codeblk,.member .mav{border:1px solid var(--stroke)}.codeblk{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;line-height:1.6;background:#0a0f1e;border-radius:12px;padding:13px 15px;color:#bcd0ff;white-space:pre;overflow-x:auto}.soonwrap{flex:1 1;display:grid;place-items:center;text-align:center;padding:30px}.soonwrap .big{font-size:60px;filter:grayscale(.2)}.soonwrap h3{margin:14px 0 6px;font-size:22px}.soonwrap p{color:var(--mut);max-width:420px;line-height:1.6;font-size:13.5px}.toasts{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);flex-direction:column;gap:8px;z-index:60}.toast,.toasts{display:flex;align-items:center}.toast{background:rgba(15,21,38,.97);border:1px solid var(--stroke2);border-radius:14px;padding:11px 16px;font-size:13px;gap:9px;box-shadow:0 12px 40px rgba(0,0,0,.55);animation:pop .3s cubic-bezier(.2,1.4,.5,1);max-width:90vw}.toast b{color:var(--gold)}@keyframes pop{0%{transform:translateY(14px) scale(.9);opacity:0}to{transform:none;opacity:1}}.fly{position:fixed;z-index:70;pointer-events:none;font-size:26px;font-weight:800;color:var(--gold);text-shadow:0 0 14px rgba(255,213,107,.7);animation:flyup 1.1s ease-out forwards}@keyframes flyup{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:1;transform:translateY(-10px) scale(1.15)}to{transform:translateY(-130px) scale(.9);opacity:0}}.scrim{position:fixed;inset:0;background:rgba(4,6,12,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:80;display:none;place-items:center;padding:16px}.scrim.open{display:grid}.modal{width:min(460px,94vw);max-height:90vh;overflow-y:auto;background:var(--bg2);border:1px solid var(--stroke2);border-radius:20px;padding:22px;box-shadow:0 30px 80px rgba(0,0,0,.6)}.modal h3{margin:0 0 4px;font-size:18px}.modal p.sub{margin:0 0 16px;font-size:12.5px;color:var(--mut)}.wlist{display:flex;flex-direction:column;gap:8px}.wopt{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:13px;background:var(--panel);border:1px solid var(--stroke2);font-size:14px;font-weight:700;color:var(--txt);transition:.14s;text-align:left}.wopt:hover{background:rgba(58,123,255,.16);transform:translateY(-1px)}.wopt img{object-fit:cover}.wopt .wic,.wopt img{width:28px;height:28px;border-radius:8px}.wopt .wic{display:grid;place-items:center;font-size:13px;color:#fff}.wopt .badge,.wopt .wic{font-weight:800;background:var(--panel2);border:1px solid var(--stroke)}.wopt .badge{margin-left:auto;font-size:9.5px;letter-spacing:.4px;text-transform:uppercase;color:var(--mut);border-radius:20px;padding:3px 8px}.avimg,.mav img,.member .mav img,.pfp img,.pfp-lg img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.bname{font-size:12px;color:var(--cyan);font-weight:700;display:inline-flex;align-items:center;gap:5px}.xpbar{height:6px;background:rgba(120,150,220,.16);overflow:hidden}.xpbar,.xpbar i{border-radius:20px}.xpbar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:0 0 10px rgba(70,230,255,.55);transition:width .6s cubic-bezier(.2,1,.3,1)}.chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;padding:6px 11px;border-radius:20px;border:1px solid var(--stroke2);background:var(--panel2);color:var(--gold)}.chip.cta{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;border-color:transparent;box-shadow:var(--glow);animation:pulse 2.2s infinite;cursor:pointer}@keyframes pulse{0%,to{box-shadow:0 0 0 0 rgba(58,123,255,.5)}50%{box-shadow:0 0 0 8px rgba(58,123,255,0)}}.xpfloat{position:fixed;z-index:75;pointer-events:none;font-weight:900;color:var(--cyan);text-shadow:0 0 12px rgba(70,230,255,.7);font-size:18px;animation:xpup 1s ease-out forwards}@keyframes xpup{0%{transform:translateY(0) scale(.7);opacity:0}20%{opacity:1;transform:translateY(-8px) scale(1.1)}to{transform:translateY(-62px) scale(.95);opacity:0}}.lvlcard{background:linear-gradient(135deg,rgba(58,123,255,.14),rgba(138,123,255,.1));border:1px solid var(--stroke2);border-radius:16px;padding:16px;margin:6px 0 18px}.lvlcard .lhead{display:flex;align-items:center;gap:14px}.lvlbig{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-size:22px;font-weight:900;background:var(--bg2);border:1px solid var(--stroke2);color:var(--cyan);box-shadow:var(--glow)}.confetti{position:fixed;top:-12px;z-index:200;pointer-events:none;width:9px;height:14px;border-radius:2px;animation:fall linear forwards}@keyframes fall{to{transform:translateY(106vh) rotate(560deg);opacity:.85}}.levelup{position:fixed;inset:0;z-index:210;display:grid;place-items:center;pointer-events:none}.levelup .lu{background:rgba(15,21,38,.97);border:1px solid var(--stroke2);border-radius:20px;padding:24px 34px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.6);animation:pop .4s cubic-bezier(.2,1.4,.5,1)}#comboMeter{position:fixed;top:62px;left:50%;transform:translateX(-50%) scale(.6);z-index:76;pointer-events:none;font-weight:900;font-size:24px;color:var(--gold);text-shadow:0 0 18px rgba(255,213,107,.85);opacity:0;transition:transform .14s cubic-bezier(.2,1.6,.5,1),opacity .14s}#comboMeter.show{opacity:1}#comboMeter b{color:var(--cyan)}.qrow{display:flex;align-items:center;gap:11px;padding:11px 4px;border-bottom:1px solid var(--stroke)}.qrow:last-child{border-bottom:none}.qic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:16px;background:var(--panel2);border:1px solid var(--stroke);flex:0 0 auto}.qic.done{background:rgba(57,230,168,.16);border-color:rgba(57,230,168,.4);color:var(--good)}.qn{font-size:13.5px;font-weight:700}.qx{font-size:11.5px;font-weight:800;color:var(--gold);white-space:nowrap}.lb{display:flex;align-items:center;gap:12px;padding:11px 8px;border-bottom:1px solid var(--stroke);border-radius:10px}.lb:last-child{border-bottom:none}.lb.me{background:linear-gradient(90deg,rgba(58,123,255,.18),transparent);border:1px solid var(--stroke2)}.lb .rank{width:30px;text-align:center;font-weight:800;font-size:15px;color:var(--mut)}.lb .lav{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:17px;background:var(--panel2);border:1px solid var(--stroke);overflow:hidden;flex:0 0 auto}.lb .lname{flex:1 1;min-width:0}.lb .lname .n{font-size:13.5px;font-weight:700;display:flex;gap:6px;align-items:center}.lb .lname .s{font-size:11px;color:var(--mut)}.lb .lamt{font-size:13.5px;font-weight:800;color:var(--gold);white-space:nowrap}#shareCardBox svg{display:block;width:100%;height:auto}.backdrop{display:none}@media(max-width:880px){.app{grid-template-columns:1fr}.col.sidebar{position:fixed;top:0;bottom:0;left:0;width:268px;z-index:40;transform:translateX(-105%);transition:transform .25s}.app.nav-open .sidebar{transform:none}.menu-btn{display:grid}.backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:30;opacity:0;pointer-events:none;transition:.2s}.app.nav-open .backdrop{opacity:1;pointer-events:auto}.pstats{grid-template-columns:1fr 1fr}}