[data-accent=blue]{--A:#2f7bff;--A2:#6cc6ff;--A3:#1544d6;--AG:47,123,255;--L1:#bfe0ff;--L3:#d8e8ff;--D1:#0b1430;--D3:#081022}
[data-accent=sky]{--A:#0ea5e9;--A2:#67e8f9;--A3:#0369a1;--AG:14,165,233;--L1:#bdeeff;--L3:#dcf6ff;--D1:#04202e;--D3:#031520}
[data-accent=pink]{--A:#ff4f9a;--A2:#ffa6d4;--A3:#c2185b;--AG:255,79,154;--L1:#ffd3e8;--L3:#ffe6f1;--D1:#2a0b1c;--D3:#1a0612}
[data-accent=lav]{--A:#7c5cff;--A2:#b9a6ff;--A3:#4c2fd6;--AG:124,92,255;--L1:#ddd3ff;--L3:#ebe5ff;--D1:#160f33;--D3:#0e0922}
[data-accent=mint]{--A:#12b886;--A2:#7ee0b5;--A3:#087f5b;--AG:18,184,134;--L1:#c8f3e2;--L3:#e0f8ef;--D1:#052219;--D3:#031610}
:root{--fd:Unbounded,Onest,system-ui,-apple-system,sans-serif;--fb:Onest,system-ui,-apple-system,"Segoe UI",sans-serif;
  --ease:cubic-bezier(.2,.9,.25,1);--spring:cubic-bezier(.3,1.35,.45,1);--safe-b:env(safe-area-inset-bottom,0px);--fs:15.5px;--br:20px;--br2:7px;--red:#ff4d6a;--green:#22c58b}
[data-shape=soft]{--br:14px;--br2:5px}[data-shape=sharp]{--br:8px;--br2:3px}
[data-theme=light],[data-theme=light] [data-accent]{
  --bg:#e9f1ff;--pane:#fff;--pane2:#f4f7fd;--ink:#0d1b3e;--sub:#6b7a99;--line:rgba(13,27,62,.07);
  --acc:var(--A);--acc2:var(--A2);--acc3:var(--A3);--accInk:#fff;--glow:rgba(var(--AG),.35);--link:var(--A);
  --in:#fff;--inInk:#0d1b3e;--inMeta:#8a97b3;--outInk:#fff;--outMeta:rgba(255,255,255,.78);--out1:var(--A2);--out2:var(--A);--out3:var(--A3);
  --glass:rgba(255,255,255,.66);--glassLine:rgba(255,255,255,.9);--glassSolid:#fff;
  --sh:0 10px 30px rgba(20,60,150,.13);--shSm:0 2px 8px rgba(20,60,150,.08);
  --cb1:var(--L1);--cb3:var(--L3);--cb4:#f4f8ff;--pat:.11;--badge:var(--A);--mutedB:#b7c3d9;--hover:rgba(var(--AG),.07);--sel:rgba(var(--AG),.12);color-scheme:light}
[data-theme=dark],[data-theme=dark] [data-accent]{
  --bg:#000;--pane:#07080c;--pane2:#0f1219;--ink:#f3f6ff;--sub:#7f889c;--line:rgba(255,255,255,.07);
  --acc:#fff;--acc2:var(--A2);--acc3:#d9e4ff;--accInk:#05070d;--glow:rgba(var(--AG),.3);--link:var(--A2);
  --in:#151923;--inInk:#eef2ff;--inMeta:#7d879c;--outInk:#05070d;--outMeta:rgba(5,7,13,.5);--out1:#fff;--out2:#eef2fb;--out3:#cdd8ee;
  --glass:rgba(16,19,28,.62);--glassLine:rgba(255,255,255,.08);--glassSolid:#11141c;
  --sh:0 14px 40px rgba(0,0,0,.6);--shSm:0 2px 10px rgba(0,0,0,.5);
  --cb1:var(--D1);--cb3:var(--D3);--cb4:#000;--pat:.08;--badge:#fff;--mutedB:#3a4152;--hover:rgba(255,255,255,.05);--sel:rgba(255,255,255,.08);color-scheme:dark}
[data-glass=off]{--glass:var(--glassSolid)}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{height:100%;background:var(--bg);color:var(--ink);font-family:var(--fb);overflow:hidden;-webkit-font-smoothing:antialiased}
button,input,textarea{font:inherit;color:inherit;background:none;border:0;outline:0}
button{cursor:pointer;user-select:none;-webkit-user-select:none}
:focus-visible{outline:2px solid var(--acc2)!important;outline-offset:2px;border-radius:10px}
textarea:focus-visible,input:focus-visible{outline:none!important}
svg.i{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.glass{background:var(--glass);backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);box-shadow:inset 0 0 0 1px var(--glassLine)}
[data-glass=off] .glass{backdrop-filter:none;-webkit-backdrop-filter:none}
::selection{background:var(--acc2);color:#fff}
.grad{background:linear-gradient(140deg,var(--acc2),var(--A) 55%,var(--A3))}
[data-motion=off] *,[data-motion=off] *::before,[data-motion=off] *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
#app{position:fixed;inset:0;display:flex;overflow:hidden}
#side{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;background:var(--pane);transition:transform .5s var(--ease),filter .5s}
#chat{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;background:var(--cb4);transform:translateX(100%);transition:transform .5s var(--ease);box-shadow:-20px 0 40px rgba(0,0,0,.12)}
#app.open #chat{transform:none}
#app.open #side{transform:translateX(-28%);filter:brightness(.93)}
#app.drag #chat,#app.drag #side{transition:none}
@media (min-width:820px){
  #app{padding:22px;background:radial-gradient(1200px 700px at 15% 0%,var(--cb1),transparent 60%),radial-gradient(900px 600px at 100% 100%,var(--cb3),transparent 60%),var(--bg)}
  .win{position:relative;margin:auto;width:min(1300px,100%);height:100%;display:flex;border-radius:28px;overflow:hidden;box-shadow:var(--sh),0 0 0 1px var(--line)}
  #side{width:390px;flex:none;border-right:1px solid var(--line);transform:none!important;filter:none!important}
  #chat{position:relative;flex:1;transform:none;box-shadow:none}
  .back{display:none!important}#nav{display:none!important}
}
@media (max-width:819px){.win{display:contents}}
.top{display:flex;align-items:center;gap:6px;padding:16px 14px 8px 16px;padding-top:max(16px,env(safe-area-inset-top))}
.brand{display:flex;align-items:center;gap:10px;font:800 16px var(--fd);letter-spacing:.02em}
.brand .k{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#fff;box-shadow:0 6px 16px var(--glow)}
[data-theme=dark] .brand .k{background:linear-gradient(140deg,#fff,#cdd9f0);color:#05070d}
.brand .k svg{width:20px;height:20px}
.brand small{display:block;font:600 10px var(--fb);letter-spacing:.32em;color:var(--sub);margin-top:2px}
.ibtn{position:relative;width:40px;height:40px;border-radius:13px;display:grid;place-items:center;color:var(--ink);transition:background .2s,transform .25s var(--spring),opacity .2s}
.ibtn:hover{background:var(--hover)}.ibtn:active{transform:scale(.88)}
.top .sp{flex:1}
#themeBtn svg{transition:transform .7s var(--spring)}
[data-theme=dark] #themeBtn svg{transform:rotate(-140deg)}
#lockBtn{display:none}[data-lock=on] #lockBtn{display:grid}
.search{margin:4px 14px 10px;position:relative;display:block}
.search input{width:100%;height:42px;border-radius:14px;padding:0 14px 0 40px;background:var(--pane2);box-shadow:inset 0 0 0 1px var(--line);font-size:15px;transition:box-shadow .25s,background .25s}
.search input:focus{box-shadow:inset 0 0 0 2px var(--acc2);background:var(--pane)}
.search input::placeholder{color:var(--sub)}
.search svg{position:absolute;left:12px;top:10px;width:22px;height:22px;color:var(--sub)}
.search kbd{position:absolute;right:10px;top:10px;font:600 11px var(--fb);color:var(--sub);padding:3px 6px;border-radius:6px;box-shadow:inset 0 0 0 1px var(--line)}
@media (max-width:819px){.search kbd{display:none}}
.dock{display:flex;gap:12px;padding:4px 16px 12px;overflow-x:auto;scrollbar-width:none}
.dock::-webkit-scrollbar{display:none}
.orb{flex:none;width:62px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--sub);transition:transform .3s var(--spring)}
.orb:active{transform:scale(.9)}
.orb .ring{position:relative;width:58px;height:58px;border-radius:50%;padding:3px}
.orb .ring::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from var(--a,0deg),var(--A2),var(--A),#ff6fb5,var(--A2));animation:spin 5s linear infinite}
.orb.seen .ring::before{background:var(--line);animation:none}
.orb .ring .av{position:relative;width:52px;height:52px;border:3px solid var(--pane);font-size:18px}
.orb .live{position:absolute;right:1px;bottom:1px;width:15px;height:15px;border-radius:50%;background:var(--green);border:3px solid var(--pane)}
@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes spin{to{--a:360deg}}
.tabs{position:relative;display:flex;gap:2px;padding:0 10px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs button{position:relative;flex:none;padding:10px 10px 12px;font-size:14px;font-weight:700;color:var(--sub);transition:color .25s;white-space:nowrap}
.tabs button.on{color:var(--ink)}
.tabs button b{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;margin-left:5px;border-radius:9px;font-size:11px;background:var(--mutedB);color:var(--pane);vertical-align:1px}
.tabs button.on b{background:var(--badge);color:var(--accInk)}
.tabs .bar{position:absolute;bottom:-1px;left:0;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,var(--acc2),var(--A));transition:transform .45s var(--spring),width .45s var(--spring)}
[data-theme=dark] .tabs .bar{background:#fff}
#list{flex:1;overflow-y:auto;overflow-x:hidden;padding:6px 8px calc(100px + var(--safe-b));scrollbar-width:thin;overscroll-behavior:contain}
@media (min-width:820px){#list{padding-bottom:84px}}
.row{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:9px 10px;border-radius:18px;text-align:left;transition:background .2s,transform .25s var(--spring)}
.row:hover{background:var(--hover)}.row:active{transform:scale(.985)}
.row.on{background:var(--sel)}
[data-dense="1"] .row{padding:6px 10px;gap:10px}[data-dense="1"] .row .av{width:44px;height:44px;font-size:16px}[data-dense="1"] .row .pv{margin-top:1px}
.row .meta{flex:1;min-width:0}
.row .l1,.row .l2{display:flex;align-items:center;gap:6px}
.row .nm{flex:1;min-width:0;font-weight:700;font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:5px}
.row .nm svg{width:16px;height:16px;color:var(--A);flex:none}
[data-theme=dark] .row .nm svg,[data-theme=dark] .chead .t1 svg{color:var(--A2)}
.row .nm .mut{width:14px;height:14px;color:var(--sub)}
.row .tm{font-size:12px;color:var(--sub);font-weight:600;display:flex;align-items:center;gap:3px;flex:none}
.row .tm .mt{color:var(--A)}[data-theme=dark] .row .tm .mt{color:var(--A2)}
.row .pv{flex:1;min-width:0;font-size:14px;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}
.row .pv b{color:var(--ink);font-weight:600}
.row .pv .ty{color:var(--A);font-weight:600}[data-theme=dark] .row .pv .ty{color:var(--A2)}
[data-preview=off] .row .pv{display:none}
.cnt{min-width:22px;height:22px;padding:0 7px;border-radius:11px;display:grid;place-items:center;font-size:12px;font-weight:800;background:var(--badge);color:var(--accInk);animation:pop .45s var(--spring)}
.cnt.mute{background:var(--mutedB)}
.pin{width:16px;height:16px;color:var(--sub)}
@keyframes pop{from{transform:scale(0)}}
.row.enter{animation:rowIn .5s var(--ease) both}
@keyframes rowIn{from{opacity:0;transform:translateY(14px)}}
.row.gone{animation:rowOut .4s var(--ease) forwards}
@keyframes rowOut{to{opacity:0;transform:translateX(-40px);height:0;padding-top:0;padding-bottom:0}}
.av{position:relative;flex:none;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;font:700 19px var(--fb);background:var(--g);overflow:hidden}
.av svg{width:26px;height:26px}
.av.me{background:linear-gradient(140deg,var(--A2),var(--A) 55%,var(--A3))}
.row .avw{position:relative}
.row .dot{position:absolute;right:1px;bottom:1px;width:14px;height:14px;border-radius:50%;background:var(--green);border:2.5px solid var(--pane);transform:scale(0);transition:transform .35s var(--spring)}
.row .dot.on{transform:scale(1)}
#nav{position:absolute;left:14px;right:14px;bottom:calc(12px + var(--safe-b));height:66px;border-radius:24px;display:grid;grid-template-columns:repeat(3,1fr);padding:6px;z-index:5;box-shadow:var(--sh),inset 0 0 0 1px var(--glassLine)}
#nav button{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:700;color:var(--sub);transition:color .3s}
#nav button.on{color:var(--ink)}
#nav .pill{position:absolute;top:6px;left:6px;height:54px;width:calc((100% - 12px)/3);border-radius:18px;background:var(--sel);transition:transform .5s var(--spring)}
#nav button .i{transition:transform .5s var(--spring)}#nav button.on .i{transform:translateY(-1px) scale(1.08)}
#nav .nb{position:absolute;top:5px;left:calc(50% + 4px);min-width:18px;height:18px;border-radius:9px;padding:0 5px;font-size:10.5px;font-weight:800;display:grid;place-items:center;background:#ff4f9a;color:#fff}
.fab{position:absolute;right:20px;bottom:calc(92px + var(--safe-b));width:56px;height:56px;border-radius:19px;display:grid;place-items:center;z-index:4;color:#fff;box-shadow:0 12px 26px var(--glow);transition:transform .45s var(--spring)}
[data-theme=dark] .fab{background:linear-gradient(140deg,#fff,#d4def2);color:#05070d}
.fab:active{transform:scale(.9) rotate(-8deg)}
.fab.hide{transform:translateY(140px) scale(.6)}
@media (min-width:820px){.fab{bottom:20px}.fab.hide{transform:translateY(100px)}}
#calls{display:none;flex:1;overflow-y:auto;padding:6px 8px 100px}
#side.calls #calls{display:block}#side.calls #list,#side.calls .dock,#side.calls .tabs,#side.calls .fab{display:none}
.call .l2{color:var(--sub);font-size:13.5px;margin-top:3px}.call .l2.miss{color:var(--red)}
.call .cb{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;color:var(--A);background:var(--hover)}
[data-theme=dark] .call .cb{color:#fff}
#wall{position:absolute;inset:0;overflow:hidden;pointer-events:none}
#wall canvas{position:absolute;inset:0;width:100%;height:100%;filter:blur(30px) saturate(1.2);transform:scale(1.15)}
#wall .pat{position:absolute;inset:0;opacity:var(--pat);background:var(--A);-webkit-mask:var(--patimg) 0 0/240px 240px repeat;mask:var(--patimg) 0 0/240px 240px repeat}
[data-theme=dark] #wall .pat{background:var(--A2)}
[data-wall=clean] #wall canvas,[data-wall=clean] #wall .pat{display:none}
[data-wall=pattern] #wall canvas{opacity:.35}
[data-wall=deep] #wall .pat{display:none}
.chead{position:relative;z-index:4;display:flex;align-items:center;gap:6px;padding:10px 10px 10px 12px;padding-top:max(10px,env(safe-area-inset-top));border-bottom:1px solid var(--line)}
.chead .who{flex:1;min-width:0;display:flex;align-items:center;gap:11px;text-align:left;border-radius:14px;padding:2px 6px 2px 2px}
.chead .av{width:42px;height:42px;font-size:15px}
.chead .t1{font-weight:800;font-size:16px;display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chead .t1 svg{width:16px;height:16px;color:var(--A);flex:none}
.chead .t2{font-size:13px;color:var(--sub);font-weight:600;margin-top:1px;height:17px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.chead .t2.live{color:var(--A)}[data-theme=dark] .chead .t2.live{color:var(--A2)}
.chead .t2 .wv{display:inline-flex;gap:3px;margin-right:6px;vertical-align:middle}
.chead .t2 .wv i{width:4px;height:4px;border-radius:50%;background:currentColor;animation:wv 1s infinite}
.chead .t2 .wv i:nth-child(2){animation-delay:.15s}.chead .t2 .wv i:nth-child(3){animation-delay:.3s}
@keyframes wv{30%{transform:translateY(-3px);opacity:.5}}
.back .ub{position:absolute;top:2px;right:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;font-size:10px;font-weight:800;display:grid;place-items:center;background:var(--badge);color:var(--accInk)}
#pinBar{position:relative;z-index:3;display:none;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line);text-align:left;width:100%;animation:msgIn .4s var(--spring)}
#pinBar.on{display:flex}
#pinBar .ln{width:3px;align-self:stretch;border-radius:2px;background:var(--A)}[data-theme=dark] #pinBar .ln{background:var(--A2)}
#pinBar .pt{flex:1;min-width:0}
#pinBar b{display:block;font-size:13px;color:var(--A)}[data-theme=dark] #pinBar b{color:var(--A2)}
#pinBar span{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#scroller{position:relative;z-index:1;flex:1;overflow-y:auto;overflow-x:hidden;padding:14px 12px 10px;display:flex;flex-direction:column;overscroll-behavior:contain;scrollbar-width:thin}
#msgs{display:flex;flex-direction:column;gap:3px;margin-top:auto;max-width:780px;width:100%;align-self:center}
.day{position:relative;z-index:2;align-self:center;margin:12px 0 8px;padding:5px 12px;border-radius:12px;font-size:12.5px;font-weight:700}
.unr{align-self:stretch;text-align:center;margin:10px -12px;padding:6px;font-size:13px;font-weight:700;color:var(--A);background:var(--glass);backdrop-filter:blur(10px)}
[data-theme=dark] .unr{color:var(--A2)}
.msg{position:relative;display:flex;align-items:flex-end;gap:8px;max-width:min(82%,540px);touch-action:pan-y}
.msg:has(.mav){max-width:min(90%,580px)}
.msg.out{align-self:flex-end}.msg.in{align-self:flex-start}
.msg.gap{margin-top:8px}
.msg .mav{width:34px;height:34px;font-size:13px;visibility:hidden}
.msg.last .mav{visibility:visible}
.b{position:relative;min-width:0;padding:7px 11px 7px 12px;border-radius:var(--br);font-size:var(--fs);line-height:1.38;overflow-wrap:anywhere;transition:transform .25s var(--ease)}
.in .b{background:var(--in);color:var(--inInk);box-shadow:var(--shSm)}
.out .b{color:var(--outInk);background-image:linear-gradient(180deg,var(--out1),var(--out2) 50%,var(--out3));background-size:100% var(--vh,800px);background-position:0 calc(var(--top,0) * -1px);box-shadow:0 4px 14px var(--glow)}
.in.last .b{border-bottom-left-radius:var(--br2)}.out.last .b{border-bottom-right-radius:var(--br2)}
.in:not(.first) .b{border-top-left-radius:var(--br2)}.out:not(.first) .b{border-top-right-radius:var(--br2)}
.b .au{display:block;font-size:13.5px;font-weight:800;margin-bottom:1px}
.b .tx{white-space:pre-wrap}
.b .tx a{color:var(--link);text-decoration:underline;text-underline-offset:2px}
.out .b .tx a{color:inherit}
.b .mt{float:right;display:inline-flex;align-items:center;gap:3px;margin:6px 0 -4px 10px;font-size:11.5px;font-weight:600;line-height:1;color:var(--inMeta);user-select:none}
.out .b .mt{color:var(--outMeta)}
.mt svg{width:17px;height:12px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mt .t2p{stroke-dasharray:14;stroke-dashoffset:14;transition:stroke-dashoffset .4s var(--ease) .1s}
.mt.read .t2p{stroke-dashoffset:0}
.out .mt.read{color:var(--outInk)}
.mt .ed{font-style:italic;margin-right:2px}
.msg.sel .b{transform:scale(.96)}
.msg.flash .b{animation:flash 1.2s var(--ease)}
@keyframes flash{25%{box-shadow:0 0 0 4px var(--acc2),0 0 30px var(--glow)}}
.b .rp{display:block;margin:2px 0 5px;padding:4px 9px;border-radius:10px;border-left:3px solid var(--A);background:var(--hover);font-size:13.5px;line-height:1.3;cursor:pointer}
.out .b .rp{border-left-color:rgba(255,255,255,.85);background:rgba(255,255,255,.16)}
[data-theme=dark] .out .b .rp{border-left-color:var(--outInk);background:rgba(0,0,0,.06)}
[data-theme=dark] .in .b .rp{border-left-color:var(--A2)}
.b .rp b{display:block;font-size:12.5px;color:var(--A)}[data-theme=dark] .in .b .rp b{color:var(--A2)}
.out .b .rp b{color:inherit}
.rx{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px;clear:both}
.rx button{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 8px;border-radius:13px;font-size:14px;background:var(--hover);animation:pop .5s var(--spring)}
.rx button.mine{box-shadow:inset 0 0 0 1.5px var(--A)}
.out .rx button{background:rgba(255,255,255,.22)}.out .rx button.mine{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.9)}
[data-theme=dark] .out .rx button{background:rgba(0,0,0,.07)}[data-theme=dark] .out .rx button.mine{box-shadow:inset 0 0 0 1.5px #05070d}
.rx small{font-size:12px;font-weight:700}
.msg .rarrow{position:absolute;top:50%;right:-40px;width:30px;height:30px;margin-top:-15px;border-radius:50%;display:grid;place-items:center;background:var(--glass);color:var(--A);opacity:0;transform:scale(.4)}
.msg.out .rarrow{right:-40px}
.msg .rarrow svg{width:18px;height:18px}
.b.media{padding:4px;overflow:hidden}
.ph{position:relative;display:block;width:260px;max-width:100%;aspect-ratio:4/3;border-radius:calc(var(--br) - 4px);overflow:hidden;background:var(--g)}
.ph::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.55),transparent 40%),radial-gradient(circle at 75% 80%,rgba(255,255,255,.25),transparent 45%)}
.ph i{position:absolute;border-radius:50%;filter:blur(2px);background:rgba(255,255,255,.35)}
.b.media .mt{position:absolute;right:10px;bottom:10px;margin:0;padding:3px 7px;border-radius:9px;background:rgba(0,0,0,.35);color:#fff!important}
.file{display:flex;align-items:center;gap:11px;width:min(240px,60vw);max-width:100%;padding:3px 0}
.file .fi{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;flex:none;background:var(--A);color:#fff}
.out .file .fi{background:rgba(255,255,255,.95);color:var(--A)}
[data-theme=dark] .file .fi{background:#05070d;color:#fff}[data-theme=dark] .in .file .fi{background:#fff;color:#05070d}
.file b{display:block;font-size:14.5px}.file small{font-size:12.5px;opacity:.75}
.geo{display:block;width:min(250px,62vw);height:140px;border-radius:calc(var(--br) - 4px);overflow:hidden;position:relative;background:linear-gradient(135deg,#dfeeff,#c7e2ff)}
[data-theme=dark] .geo{background:linear-gradient(135deg,#0f1a33,#0a1224)}
.geo svg.map{position:absolute;inset:0;width:100%;height:100%}
.geo .pinm{position:absolute;left:50%;top:44%;width:30px;height:30px;margin:-30px 0 0 -15px;color:#ff4f9a;animation:drop .8s var(--spring) both}
.geo .pinm svg{width:30px;height:30px}
.geo .lbl{position:absolute;left:8px;bottom:8px;padding:4px 9px;border-radius:9px;font-size:12px;font-weight:700;background:rgba(255,255,255,.85);color:#0d1b3e}
@keyframes drop{from{transform:translateY(-30px);opacity:0}}
.poll{width:min(250px,62vw);max-width:100%;padding:2px 0}
.poll .q{font-weight:800;margin-bottom:2px}
.poll .ps{font-size:12.5px;opacity:.7;margin-bottom:8px}
.poll button{position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;margin-bottom:6px;border-radius:12px;text-align:left;font-weight:600;overflow:hidden;background:var(--hover)}
.out .poll button{background:rgba(255,255,255,.18)}[data-theme=dark] .out .poll button{background:rgba(0,0,0,.06)}
.poll button .fill{position:absolute;inset:0;width:0;background:currentColor;opacity:.14;transition:width .8s var(--ease)}
.poll button .pc{margin-left:auto;font-weight:800;opacity:0;transition:opacity .4s}
.poll.voted button .pc{opacity:1}
.poll button .rd{width:18px;height:18px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 2px currentColor;opacity:.6;display:grid;place-items:center}
.poll button.ch .rd{opacity:1;background:currentColor}
.poll button.ch .rd::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--in)}
.out .poll button.ch .rd::after{background:var(--out2)}
.voice{display:flex;align-items:center;gap:10px;width:min(230px,58vw);max-width:100%;padding:2px 0}
.voice .pl{width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--A);color:#fff}
[data-theme=dark] .in .voice .pl{background:#fff;color:#05070d}
.out .voice .pl{background:rgba(255,255,255,.95);color:var(--A)}
[data-theme=dark] .out .voice .pl{background:#05070d;color:#fff}
.voice .pl svg{width:18px;height:18px;fill:currentColor;stroke:none}
.voice .wf{flex:1;display:flex;align-items:center;gap:2px;height:30px}
.voice .wf i{flex:1;border-radius:2px;background:currentColor;opacity:.35;transition:opacity .15s}
.voice .wf i.p{opacity:1}
.voice .du{font-size:12px;font-weight:600;opacity:.75;margin-top:2px}
.typing .b{display:flex;gap:5px;padding:14px 16px}
.typing .b i{width:8px;height:8px;border-radius:50%;background:var(--sub);animation:tb 1.2s infinite var(--ease)}
.typing .b i:nth-child(2){animation-delay:.15s}.typing .b i:nth-child(3){animation-delay:.3s}
@keyframes tb{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-6px);opacity:1}}
.msg.new{animation:msgIn .45s var(--spring) both}
@keyframes msgIn{from{opacity:0;transform:translateY(16px) scale(.92)}}
#down{position:absolute;right:16px;bottom:calc(84px + var(--safe-b));z-index:4;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:var(--ink);box-shadow:var(--sh),inset 0 0 0 1px var(--glassLine);transform:scale(0);transition:transform .4s var(--spring)}
#down.on{transform:scale(1)}
#down b{position:absolute;top:-6px;left:50%;transform:translateX(-50%);min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:11px;font-weight:800;display:grid;place-items:center;background:var(--badge);color:var(--accInk)}
#down b:empty{display:none}
.cfoot{position:relative;z-index:3;padding:8px 10px calc(10px + var(--safe-b))}
.reply{display:flex;align-items:center;gap:10px;max-width:780px;margin:0 auto 6px;padding:8px 8px 8px 12px;border-radius:16px;overflow:hidden;animation:msgIn .35s var(--spring)}
.reply>svg{color:var(--A);width:22px;height:22px}[data-theme=dark] .reply>svg{color:var(--A2)}
.reply .rt{flex:1;min-width:0;border-left:3px solid var(--A);padding-left:9px}
.reply .rt b{display:block;font-size:13px;color:var(--A)}[data-theme=dark] .reply .rt b{color:var(--A2)}
.reply .rt span{display:block;font-size:13.5px;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chips{display:flex;gap:6px;max-width:780px;margin:0 auto 8px;overflow-x:auto;scrollbar-width:none}
.chips button{flex:none;padding:8px 14px;border-radius:14px;font-size:14px;font-weight:700;color:var(--A);box-shadow:var(--shSm),inset 0 0 0 1px var(--glassLine)}
[data-theme=dark] .chips button{color:#fff}
.bar{position:relative;display:flex;align-items:flex-end;gap:8px;max-width:780px;margin:0 auto}
.field{flex:1;display:flex;align-items:flex-end;gap:2px;min-height:48px;border-radius:24px;padding:4px 6px 4px 6px;box-shadow:var(--shSm),inset 0 0 0 1px var(--glassLine)}
.field textarea{flex:1;resize:none;max-height:140px;min-height:40px;padding:10px 4px 9px;font-size:16px;line-height:1.3}
.field textarea::placeholder{color:var(--sub)}
.field .ibtn{width:40px;height:40px;color:var(--sub)}
.field .ibtn.on{color:var(--A)}
.send{position:relative;width:48px;height:48px;flex:none;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 8px 20px var(--glow);transition:transform .35s var(--spring);touch-action:none}
[data-theme=dark] .send{background:linear-gradient(140deg,#fff,#d4def2);color:#05070d}
.send:active{transform:scale(.88)}
.send svg{position:absolute;transition:transform .4s var(--spring),opacity .25s}
.send .s1,.send .s3{transform:scale(0) rotate(-90deg);opacity:0}
.send.has .s1{transform:none;opacity:1}.send.has .s2,.send.edit .s2,.send.edit .s1{transform:scale(0) rotate(90deg);opacity:0}
.send.edit .s3{transform:none;opacity:1}
.send.rec{transform:scale(1.55);background:var(--red)!important;color:#fff!important;box-shadow:0 0 0 10px rgba(255,77,106,.18),0 0 0 22px rgba(255,77,106,.08)}
#rec{position:absolute;left:0;right:56px;bottom:0;height:48px;border-radius:24px;display:none;align-items:center;gap:12px;padding:0 16px;font-weight:700;box-shadow:var(--shSm),inset 0 0 0 1px var(--glassLine)}
#rec.on{display:flex;animation:msgIn .3s var(--spring)}
#rec .rd{width:11px;height:11px;border-radius:50%;background:var(--red);animation:blink 1s infinite}
@keyframes blink{50%{opacity:.25}}
#rec .bars{flex:1;display:flex;align-items:center;gap:2px;height:26px;overflow:hidden;justify-content:flex-end}
#rec .bars i{flex:none;width:3px;border-radius:2px;background:var(--A)}[data-theme=dark] #rec .bars i{background:#fff}
#rec .cn{color:var(--sub);font-size:13px;white-space:nowrap;transition:opacity .2s}
#emoPan{display:none;max-width:780px;margin:0 auto 8px;border-radius:22px;padding:8px;box-shadow:var(--sh),inset 0 0 0 1px var(--glassLine);animation:msgIn .35s var(--spring)}
#emoPan.on{display:block}
#emoPan .et{display:flex;gap:4px;margin-bottom:6px}
#emoPan .et button{padding:6px 11px;border-radius:11px;font-size:13px;font-weight:700;color:var(--sub)}
#emoPan .et button.on{background:var(--sel);color:var(--ink)}
#emoPan .eg{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:2px;max-height:190px;overflow-y:auto}
#emoPan .eg button{height:42px;border-radius:12px;font-size:25px;transition:transform .2s var(--spring)}
#emoPan .eg button:hover{background:var(--hover);transform:scale(1.15)}
.mutebar{display:none;max-width:780px;margin:0 auto}
.mutebar button{width:100%;height:50px;border-radius:18px;font-weight:800;font-size:15px;color:var(--A);box-shadow:var(--shSm),inset 0 0 0 1px var(--glassLine)}
[data-theme=dark] .mutebar button{color:#fff}
#chat.channel .mutebar{display:block}#chat.channel .bar,#chat.channel #emoPan{display:none!important}
.empty{margin:auto;text-align:center;color:var(--sub);font-weight:600;padding:30px}
.empty .big{width:120px;height:120px;margin:0 auto 18px;border-radius:38px;display:grid;place-items:center;color:#fff;box-shadow:0 20px 50px var(--glow);animation:float 5s ease-in-out infinite}
[data-theme=dark] .empty .big{background:linear-gradient(140deg,#fff,#cdd9f0);color:#05070d}
.empty .big svg{width:58px;height:58px}
.empty h2{font:800 22px var(--fd);color:var(--ink);margin-bottom:8px}
@keyframes float{50%{transform:translateY(-10px) rotate(-3deg)}}
#nochat{position:absolute;inset:0;z-index:2;display:flex}
#app.has #nochat{display:none}
#app:not(.has) .chead,#app:not(.has) .cfoot,#app:not(.has) #scroller,#app:not(.has) #pinBar{visibility:hidden}
#ctx{position:fixed;inset:0;z-index:40;display:none}
#ctx.on{display:block}
#ctx .bd{position:absolute;inset:0;background:rgba(5,10,25,.25);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:0;transition:opacity .25s}
#ctx.vis .bd{opacity:1}
#ctx .box{position:absolute;display:flex;flex-direction:column;gap:8px;transform-origin:var(--ox,50%) var(--oy,0%);transform:scale(.6);opacity:0;transition:transform .4s var(--spring),opacity .2s}
#ctx.vis .box{transform:none;opacity:1}
#ctx .rbar{display:flex;gap:2px;padding:6px;border-radius:26px;box-shadow:var(--sh),inset 0 0 0 1px var(--glassLine)}
#ctx .rbar:empty{display:none}
#ctx .rbar button{width:42px;height:42px;border-radius:50%;font-size:25px;display:grid;place-items:center;transition:transform .25s var(--spring);animation:pop .45s var(--spring) both}
#ctx .rbar button:hover{transform:scale(1.25) translateY(-3px)}
#ctx .rbar button:nth-child(2){animation-delay:.03s}#ctx .rbar button:nth-child(3){animation-delay:.06s}#ctx .rbar button:nth-child(4){animation-delay:.09s}#ctx .rbar button:nth-child(5){animation-delay:.12s}#ctx .rbar button:nth-child(6){animation-delay:.15s}
#ctx .acts{min-width:220px;border-radius:18px;padding:6px;box-shadow:var(--sh),inset 0 0 0 1px var(--glassLine)}
#ctx .acts button{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border-radius:12px;font-weight:600;font-size:15px;text-align:left}
#ctx .acts button:hover{background:var(--hover)}
#ctx .acts .dng{color:var(--red)}
#ctx .acts svg{width:21px;height:21px}
#ctx .acts hr{border:0;height:1px;background:var(--line);margin:4px 8px}
#banner{position:fixed;left:50%;top:10px;z-index:45;width:min(94vw,420px);display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border-radius:22px;text-align:left;box-shadow:var(--sh),inset 0 0 0 1px var(--glassLine);transform:translate(-50%,-140%);transition:transform .55s var(--spring)}
#banner.on{transform:translate(-50%,0)}
#banner .av{width:44px;height:44px;font-size:16px}
#banner .bt{flex:1;min-width:0}#banner b{display:block;font-size:14.5px}
#banner .bt span{display:block;font-size:14px;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#banner small{position:absolute;top:10px;right:14px;font-size:11.5px;color:var(--sub);font-weight:600}
.toast{position:fixed;left:50%;bottom:calc(96px + var(--safe-b));z-index:60;transform:translate(-50%,160px);padding:11px 16px;border-radius:16px;font-weight:700;font-size:14px;display:flex;gap:9px;align-items:center;box-shadow:var(--sh);transition:transform .5s var(--spring);white-space:nowrap}
.toast.on{transform:translate(-50%,0)}
.dust{position:fixed;pointer-events:none;z-index:50;border-radius:1px}
#viewer{position:fixed;inset:0;z-index:55;display:none;place-items:center;background:rgba(0,0,0,0);transition:background .35s}
#viewer.on{display:grid;background:rgba(0,0,0,.85)}
#viewer .ph{width:min(92vw,720px);border-radius:16px}
#callScr{position:fixed;inset:0;z-index:70;display:none;flex-direction:column;align-items:center;justify-content:space-between;padding:60px 24px calc(40px + var(--safe-b));color:#fff;overflow:hidden}
#callScr.on{display:flex;animation:callIn .5s var(--ease)}
@keyframes callIn{from{opacity:0;transform:scale(1.06)}}
#callScr .cbg{position:absolute;inset:-20%;background:var(--g);filter:blur(60px) saturate(1.3);opacity:.9;animation:cbg 8s ease-in-out infinite alternate}
#callScr::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.5))}
@keyframes cbg{to{transform:rotate(12deg) scale(1.15)}}
#callScr>*{position:relative;z-index:1}
#callScr .cu{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:40px}
#callScr .avw{position:relative;width:140px;height:140px}
#callScr .avw .av{width:140px;height:140px;font-size:50px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
#callScr .avw i{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,255,255,.6);animation:ripple 2.4s ease-out infinite}
#callScr .avw i:nth-child(2){animation-delay:.8s}#callScr .avw i:nth-child(3){animation-delay:1.6s}
#callScr.live .avw i{animation-duration:1.2s;border-color:rgba(255,255,255,.35)}
@keyframes ripple{from{transform:scale(1);opacity:.9}to{transform:scale(1.9);opacity:0}}
#callScr h2{font:800 28px var(--fd)}
#callScr .cst{font-weight:600;opacity:.85;font-variant-numeric:tabular-nums}
#callScr .cbs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;width:min(100%,360px)}
#callScr .cbs button{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12.5px;font-weight:600}
#callScr .cbs .cc{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.18);backdrop-filter:blur(10px);transition:background .25s,transform .25s var(--spring)}
#callScr .cbs button.on .cc{background:#fff;color:#0d1b3e}
#callScr .cbs .end .cc{background:var(--red)}
#callScr .cbs button:active .cc{transform:scale(.88)}
#lock{position:fixed;inset:0;z-index:90;display:none;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:var(--pane)}
#lock.on{display:flex}
#lock .lk{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;color:#fff;box-shadow:0 16px 40px var(--glow)}
#lock h2{font:800 20px var(--fd)}
#lock .dots{display:flex;gap:16px}
#lock .dots i{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--sub);transition:background .2s,transform .3s var(--spring)}
#lock .dots i.f{background:var(--A);box-shadow:none;transform:scale(1.15)}[data-theme=dark] #lock .dots i.f{background:#fff}
#lock .dots.err{animation:shake .45s}
@keyframes shake{20%,60%{transform:translateX(-10px)}40%,80%{transform:translateX(10px)}}
#lock .pad{display:grid;grid-template-columns:repeat(3,76px);gap:14px}
#lock .pad button{height:76px;border-radius:50%;font:600 28px var(--fb);background:var(--pane2);transition:transform .2s var(--spring),background .2s}
#lock .pad button:active{transform:scale(.9);background:var(--sel)}
#lock .pad button.sm{font-size:15px;background:none}
#lock p{color:var(--sub);font-weight:600;font-size:14px;min-height:20px}
.sheet{position:fixed;inset:0;z-index:30;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}
.sheet .bd{position:absolute;inset:0;background:rgba(5,10,25,.38);opacity:0;transition:opacity .35s}
.sheet .pn{position:relative;width:100%;max-width:540px;height:min(92%,860px);overflow:hidden;border-radius:30px 30px 0 0;transform:translateY(105%);transition:transform .55s var(--ease);background:var(--pane);box-shadow:var(--sh)}
.sheet.small .pn{height:auto;max-height:80%;overflow-y:auto;padding:10px 18px calc(22px + var(--safe-b))}
@media (min-width:820px){.sheet{align-items:center}.sheet .pn{border-radius:30px;transform:translateY(40px) scale(.96);opacity:0;transition:transform .5s var(--spring),opacity .3s}}
.sheet.on{pointer-events:auto}.sheet.on .bd{opacity:1}.sheet.on .pn{transform:none;opacity:1}
.grab{width:40px;height:5px;border-radius:3px;background:var(--mutedB);margin:0 auto 14px;opacity:.7}
.pages{position:relative;width:100%;height:100%}
.page{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;padding:0 16px calc(26px + var(--safe-b));background:var(--pane);transition:transform .5s var(--ease),filter .5s}
.page.right{transform:translateX(100%)}.page.left{transform:translateX(-30%);filter:brightness(.92)}
.ph2{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:6px;margin:0 -16px 10px;padding:10px 10px 10px 8px;background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.ph2 h3{flex:1;font:800 18px var(--fd)}
.ph2 .ibtn{color:var(--A)}[data-theme=dark] .ph2 .ibtn{color:#fff}
.page h4{font-size:12.5px;font-weight:700;letter-spacing:.06em;color:var(--sub);margin:18px 6px 8px}
.grp{border-radius:20px;background:var(--pane2);overflow:hidden}
.it{display:flex;align-items:center;gap:13px;width:100%;min-height:52px;padding:10px 14px;text-align:left;font-weight:600;font-size:15px;transition:background .2s}
button.it:hover{background:var(--hover)}
.it+.it{border-top:1px solid var(--line)}
.it .ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:#fff;flex:none}
.it .ic svg{width:18px;height:18px}
.it .tt{flex:1;min-width:0}.it .tt small{display:block;font-size:12.5px;color:var(--sub);font-weight:500;margin-top:1px}
.it .v{color:var(--sub);font-weight:600;font-size:14px;display:flex;align-items:center;gap:4px}
.it .v svg{width:16px;height:16px}
.sw{position:relative;width:50px;height:30px;border-radius:15px;background:var(--mutedB);transition:background .3s;flex:none}
.sw::after{content:"";position:absolute;left:3px;top:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:transform .4s var(--spring)}
.sw.on{background:var(--A)}.sw.on::after{transform:translateX(20px)}
[data-theme=dark] .sw.on{background:#fff}[data-theme=dark] .sw.on::after{background:#05070d}
.seg{position:relative;display:flex;padding:4px;border-radius:14px;background:var(--pane2);margin:0}
.seg button{position:relative;z-index:1;flex:1;height:36px;border-radius:10px;font-size:13.5px;font-weight:700;color:var(--sub);transition:color .3s}
.seg button.on{color:var(--ink)}
.seg .kn{position:absolute;top:4px;bottom:4px;left:4px;border-radius:10px;background:var(--pane);box-shadow:var(--shSm);transition:transform .45s var(--spring),width .45s var(--spring)}
.it .seg{flex:none;width:230px;background:var(--pane)}
.it .seg .kn{background:var(--pane2)}
.me-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:6px 0 4px;position:relative}
.me-card .aura{position:absolute;top:-30px;left:50%;width:260px;height:200px;margin-left:-130px;border-radius:50%;background:radial-gradient(closest-side,var(--glow),transparent);filter:blur(10px);animation:float 6s ease-in-out infinite}
.me-card .av{width:100px;height:100px;font-size:36px;margin-bottom:12px;box-shadow:0 14px 34px var(--glow)}
.me-card h2{position:relative;font:800 22px var(--fd)}
.me-card p{position:relative;color:var(--sub);font-weight:600;margin-top:4px}
.themes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.th{border-radius:18px;padding:8px;text-align:center;font-size:13px;font-weight:700;box-shadow:inset 0 0 0 2px var(--line);transition:box-shadow .3s,transform .3s var(--spring)}
.th.on{box-shadow:inset 0 0 0 2.5px var(--A)}[data-theme=dark] .th.on{box-shadow:inset 0 0 0 2.5px #fff}
.th:active{transform:scale(.95)}
.th .pv{height:80px;border-radius:12px;margin-bottom:7px;padding:9px 8px;display:flex;flex-direction:column;justify-content:flex-end;gap:5px;overflow:hidden}
.th .pv i{display:block;height:12px;border-radius:7px}.th .pv i.a{width:70%}.th .pv i.b{width:55%;align-self:flex-end}
.accs{display:flex;justify-content:space-between;gap:8px;padding:14px}
.acc{width:44px;height:44px;border-radius:50%;background:var(--c);position:relative;transition:transform .35s var(--spring)}
.acc::after{content:"";position:absolute;inset:-5px;border-radius:50%;box-shadow:0 0 0 2.5px var(--c);opacity:0;transform:scale(.8);transition:all .35s var(--spring)}
.acc.on::after{opacity:1;transform:none}.acc:active{transform:scale(.88)}
.walls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.wl{height:84px;border-radius:16px;box-shadow:inset 0 0 0 2px var(--line);font-size:11.5px;font-weight:700;display:flex;align-items:flex-end;justify-content:center;padding:6px;color:#0d1b3e;transition:box-shadow .3s,transform .3s var(--spring)}
.wl.on{box-shadow:inset 0 0 0 2.5px var(--A),0 0 0 3px var(--pane2)}
.prev{position:relative;border-radius:20px;overflow:hidden;padding:16px 12px;display:flex;flex-direction:column;gap:4px;background:linear-gradient(160deg,var(--cb1),var(--cb4))}
.prev .msg{max-width:85%}
.slider{display:flex;align-items:center;gap:12px;padding:12px 14px}
.slider input{flex:1;accent-color:var(--A)}
.slider .a1{font-size:13px;font-weight:700;color:var(--sub)}.slider .a2{font-size:19px;font-weight:700;color:var(--sub)}
.rpick{display:flex;gap:6px}
.rpick button{width:38px;height:38px;border-radius:12px;font-size:21px;transition:transform .25s var(--spring),background .2s}
.rpick button.on{background:var(--sel);transform:scale(1.12)}
.fld{display:block;padding:10px 14px}
.fld small{display:block;font-size:12px;color:var(--sub);font-weight:700;margin-bottom:4px}
.fld input,.fld textarea{width:100%;font-size:16px;font-weight:600;resize:none}
.avc{display:flex;gap:10px;padding:14px;overflow-x:auto}
.avc button{flex:none;width:40px;height:40px;border-radius:50%;background:var(--g);box-shadow:0 0 0 0 var(--A);transition:box-shadow .3s,transform .3s var(--spring)}
.avc button.on{box-shadow:0 0 0 3px var(--pane2),0 0 0 5.5px var(--A)}
.store{padding:14px}
.store .sb{display:flex;height:14px;border-radius:7px;overflow:hidden;background:var(--line);margin:10px 0 12px}
.store .sb i{height:100%;transition:width 1s var(--ease)}
.store .lg{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;font-size:13px;font-weight:600;color:var(--sub)}
.store .lg span{display:flex;align-items:center;gap:7px}.store .lg span i{width:10px;height:10px;border-radius:3px}
.store .tot{font:800 26px var(--fd)}
.bigbtn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:50px;border-radius:16px;font-weight:800;font-size:15px;color:#fff;margin-top:12px;box-shadow:0 10px 24px var(--glow);transition:transform .25s var(--spring)}
[data-theme=dark] .bigbtn{background:linear-gradient(140deg,#fff,#d4def2);color:#05070d}
.bigbtn:active{transform:scale(.96)}
.bigbtn.red{background:linear-gradient(140deg,#ff8aa0,#ff4d6a);color:#fff}
.dev .ic{background:var(--pane)!important;color:var(--ink)!important;box-shadow:inset 0 0 0 1px var(--line)}
.dev .end{color:var(--red);font-weight:700;font-size:14px;padding:6px 10px;border-radius:10px}
.about{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 0 10px}
.about .k{width:96px;height:96px;border-radius:30px;display:grid;place-items:center;color:#fff;box-shadow:0 22px 50px var(--glow);animation:float 5s ease-in-out infinite}
[data-theme=dark] .about .k{background:linear-gradient(140deg,#fff,#cdd9f0);color:#05070d}
.about .k svg{width:54px;height:54px}
.about h2{font:800 22px var(--fd);margin-top:16px;letter-spacing:.06em}.about p{color:var(--sub);font-weight:600;margin-top:6px}
.att{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:4px 0 6px}
.att button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px;border-radius:20px;background:var(--pane2);font-size:13px;font-weight:700;transition:transform .25s var(--spring)}
.att button:active{transform:scale(.93)}
.att .ai{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;color:#fff;box-shadow:0 8px 18px rgba(0,0,0,.12)}
.att .ai svg{width:26px;height:26px}
.prof2{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4px 0 16px}
.prof2 .av{width:96px;height:96px;font-size:34px;margin-bottom:12px;box-shadow:0 14px 34px var(--glow)}
.prof2 h2{font:800 21px var(--fd)}.prof2 p{color:var(--sub);font-weight:600;margin-top:4px}
.qa{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px;margin-bottom:14px}
.qa button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border-radius:16px;background:var(--pane2);font-size:12px;font-weight:700;color:var(--A)}
[data-theme=dark] .qa button{color:var(--ink)}
.qa button[hidden]{display:none}
#splash{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:var(--pane);transition:opacity .6s,visibility .6s}
#splash.off{opacity:0;visibility:hidden}
#splash .lg{display:flex;flex-direction:column;align-items:center;gap:16px}
#splash .k{width:92px;height:92px;border-radius:30px;display:grid;place-items:center;color:#fff;box-shadow:0 22px 50px var(--glow);animation:spl .9s var(--spring) both}
[data-theme=dark] #splash .k{background:linear-gradient(140deg,#fff,#cdd9f0);color:#05070d}
#splash .k svg{width:52px;height:52px}
#splash .k path{stroke-dasharray:80;stroke-dashoffset:80;animation:draw 1s var(--ease) .25s forwards}
#splash .w{font:800 22px var(--fd);letter-spacing:.08em;animation:msgIn .6s var(--spring) .45s both;text-align:center}
#splash .w small{display:block;font:600 11px var(--fb);letter-spacing:.5em;color:var(--sub);margin-top:6px}
@keyframes spl{from{transform:scale(.3) rotate(-30deg);opacity:0}}
@keyframes draw{to{stroke-dashoffset:0}}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
.pbadge{display:inline-block;width:18px;height:18px;flex:none;vertical-align:-3px}
.estatus{font-size:16px;line-height:1}
.av.img{background-size:cover!important;background-position:center!important}
#ghostBtn{display:none;color:var(--A)}[data-ghost=on] #ghostBtn{display:grid}
[data-theme=dark] #ghostBtn{color:var(--A2)}
#story{position:fixed;inset:0;z-index:80;display:none;background:#000;color:#fff;touch-action:none;user-select:none;-webkit-user-select:none}
#story.on{display:block;animation:stIn .35s var(--ease)}
@keyframes stIn{from{opacity:0;transform:scale(.92)}}
#story .stw{position:absolute;inset:0;max-width:480px;margin:0 auto;overflow:hidden}
@media (min-width:820px){#story .stw{top:20px;bottom:20px;border-radius:26px;box-shadow:0 30px 80px rgba(0,0,0,.6)}}
#story .slide{position:absolute;inset:0;background:var(--g);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:40px 30px;text-align:center}
#story .slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 22%,transparent 70%,rgba(0,0,0,.45))}
#story .slide .em{position:relative;z-index:1;font-size:118px;line-height:1;animation:float 4s ease-in-out infinite;filter:drop-shadow(0 18px 30px rgba(0,0,0,.25))}
#story .slide .cap{position:relative;z-index:1;font:800 25px/1.25 var(--fd);text-shadow:0 2px 20px rgba(0,0,0,.25);max-width:320px}
#story .slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#story .slide i{position:absolute;border-radius:50%;background:rgba(255,255,255,.25);filter:blur(3px)}
#story .bars{position:absolute;top:max(10px,env(safe-area-inset-top));left:10px;right:10px;display:flex;gap:4px;z-index:3}
#story .bars i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.35);overflow:hidden}
#story .bars i b{display:block;height:100%;width:0;background:#fff;border-radius:2px}
#story .sh{position:absolute;top:calc(max(10px,env(safe-area-inset-top)) + 12px);left:12px;right:6px;display:flex;align-items:center;gap:10px;z-index:4}
#story .sh .av{width:38px;height:38px;font-size:14px;border:2px solid rgba(255,255,255,.8)}
#story .sh b{font-size:15px}#story .sh small{opacity:.75;font-size:13px;font-weight:600}
#story .sh .ibtn{color:#fff;margin-left:auto}
#story .sf{position:absolute;left:12px;right:12px;bottom:calc(14px + var(--safe-b));display:flex;gap:8px;z-index:4}
#story .sf input{flex:1;min-width:0;height:46px;border-radius:23px;padding:0 18px;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);color:#fff;font-size:15px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
#story .sf input::placeholder{color:rgba(255,255,255,.8)}
#story .sf button{width:46px;height:46px;flex:none;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);color:#fff;backdrop-filter:blur(12px);transition:transform .25s var(--spring)}
#story .sf button:active{transform:scale(.85)}
#story .sf button.liked{color:#ff4f9a;background:#fff}
#story .zone{position:absolute;top:80px;bottom:80px;z-index:2}
#story .zl{left:0;width:33%}#story .zr{right:0;width:67%}
#story .paused .bars{opacity:.4}
.orb.add .ring::before{background:var(--line);animation:none}
.orb .plus{position:absolute;right:-1px;bottom:-1px;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;color:#fff;border:2.5px solid var(--pane);font:800 14px/1 var(--fb);font-style:normal}
#emoPan .et .sp{flex:1}
#emoPan .et .md{font-weight:800}
#emoPan .et .ci{padding:4px 7px;font-size:19px}
#emoPan .eg.stkmode{display:block;max-height:none}
.stkHint{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--sub);padding:2px 4px 8px}
.stkGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:6px;max-height:220px;overflow-y:auto;padding:2px}
.stkGrid button{position:relative;aspect-ratio:1;border-radius:18px;display:grid;place-items:center;transition:transform .25s var(--spring),background .2s}
.stkGrid button:hover{background:var(--hover);transform:scale(1.06)}
.stkGrid button>svg{width:78%;height:78%}
.stkGrid button.lock>svg{opacity:.62;filter:saturate(.6)}
.stkGrid .lk{position:absolute;right:5px;bottom:5px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(120deg,#7c5cff,#ff4f9a);box-shadow:0 3px 8px rgba(124,92,255,.4)}
.stkGrid .lk svg{width:12px;height:12px}
.b.stk{background:none!important;box-shadow:none!important;padding:0}
.b.stk>svg{width:150px;height:150px;display:block}
.b.stk .mt{position:absolute;right:2px;bottom:2px;margin:0;padding:3px 7px;border-radius:9px;background:var(--glass);color:var(--sub)!important;backdrop-filter:blur(8px)}
.msg.new .b.stk>svg{animation:stkIn .6s var(--spring)}
@keyframes stkIn{from{transform:scale(.3) rotate(-20deg);opacity:0}}
.s-fly{animation:sFly 2.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes sFly{0%,100%{transform:translate(-4px,4px) rotate(-6deg)}50%{transform:translate(6px,-8px) rotate(6deg)}}
.s-beat{animation:sBeat 1.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes sBeat{0%,100%{transform:scale(1)}15%{transform:scale(1.14)}30%{transform:scale(.96)}45%{transform:scale(1.08)}}
.s-spin{animation:sSpin 7s linear infinite;transform-box:fill-box;transform-origin:center}
@keyframes sSpin{to{transform:rotate(360deg)}}
.s-tw{animation:sTw 1.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes sTw{0%,100%{opacity:.15;transform:scale(.4)}50%{opacity:1;transform:scale(1)}}
.s-bob{animation:sBob 3s ease-in-out infinite}
@keyframes sBob{50%{transform:translateY(-6px)}}
.s-shake{animation:sShake .22s linear infinite;transform-box:fill-box;transform-origin:center}
@keyframes sShake{25%{transform:translate(1px,-1px) rotate(1deg)}75%{transform:translate(-1px,1px) rotate(-1deg)}}
.s-flame{animation:sFlame .32s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:50% 0%}
@keyframes sFlame{to{transform:scaleY(1.35) scaleX(.82)}}
.s-flame2{animation:sFlame2 .45s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:50% 100%}
@keyframes sFlame2{to{transform:scaleY(1.12) scaleX(.9) skewX(4deg)}}
.s-steam{stroke-dasharray:44;animation:sSteam 2.4s ease-in-out infinite}
@keyframes sSteam{0%{stroke-dashoffset:44;opacity:0}30%{opacity:1}100%{stroke-dashoffset:-44;opacity:0}}
.s-shine{animation:sShine 2.8s ease-in-out infinite}
@keyframes sShine{0%{transform:translateX(-110px) skewX(-20deg)}55%,100%{transform:translateX(130px) skewX(-20deg)}}
.s-lock{animation:sLock 2.6s ease-in-out infinite;transform-box:fill-box;transform-origin:85% 100%}
@keyframes sLock{0%,35%{transform:none}50%,80%{transform:translateY(-8px) rotate(-20deg)}95%,100%{transform:none}}
.s-pop{animation:sPop 2s var(--spring) infinite;transform-box:fill-box;transform-origin:center}
@keyframes sPop{0%,100%{transform:scale(1)}50%{transform:scale(1.12) rotate(-6deg)}}
.s-blink{animation:sBlink 3.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes sBlink{0%,46%,54%,100%{transform:scaleY(1)}50%{transform:scaleY(.1)}}
.s-trail{stroke-dasharray:4 8;animation:sTrail 1s linear infinite}
@keyframes sTrail{to{stroke-dashoffset:-24}}
.s-wave{animation:sWave 1.6s ease-in-out infinite;transform-box:fill-box;transform-origin:20% 90%}
@keyframes sWave{0%,60%,100%{transform:rotate(0)}10%,30%{transform:rotate(18deg)}20%,40%{transform:rotate(-8deg)}}
.s-drop{animation:sDrop 1.2s linear infinite}
@keyframes sDrop{from{transform:translateY(-6px);opacity:0}30%{opacity:1}to{transform:translateY(14px);opacity:0}}
.rwrap{position:relative;border-radius:18px;overflow:hidden;margin-bottom:1px}
.rwrap .under{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:12.5px;font-weight:800;color:#fff;border-radius:18px;opacity:0}
.rwrap .under .ua{display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .35s var(--spring)}
.rwrap .under .ua svg{width:22px;height:22px}
.rwrap .under.go .ua{transform:scale(1.15)}
.rwrap .row{background:var(--pane);touch-action:pan-y}
.rwrap .row:hover{background:linear-gradient(var(--hover),var(--hover)),var(--pane)}
.rwrap .row.on{background:linear-gradient(var(--sel),var(--sel)),var(--pane)}
.row.arch .av{background:var(--pane2);color:var(--sub)}
.row.arch .av svg{stroke:currentColor}
.row .dr{color:var(--red);font-weight:600}
.tabs .add{font-size:19px;font-weight:600;color:var(--sub);padding:8px 12px 10px}
.fe .av{width:36px;height:36px;font-size:14px}
.fe .chk{margin-left:auto;width:24px;height:24px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 2px var(--mutedB);display:grid;place-items:center;transition:all .3s var(--spring)}
.fe .chk.on{background:var(--A);box-shadow:none;transform:scale(1.08)}
[data-theme=dark] .fe .chk.on{background:#fff}
.fe .chk svg{width:15px;height:15px;color:#fff;opacity:0;transition:opacity .2s}
[data-theme=dark] .fe .chk svg{color:#05070d}
.fe .chk.on svg{opacity:1}
.emopick{display:flex;gap:6px;flex-wrap:wrap;padding:12px 14px}
.emopick button{width:40px;height:40px;border-radius:12px;font-size:21px;transition:transform .25s var(--spring),background .2s;display:grid;place-items:center}
.emopick button.on{background:var(--sel);transform:scale(1.1)}
.sheet h3.sht{font:800 20px var(--fd);margin:4px 2px 12px}
.sheet .page h4,.sheet.small h4{font-size:12.5px;font-weight:700;letter-spacing:.06em;color:var(--sub);margin:16px 6px 8px}
#banner{flex-wrap:wrap;cursor:pointer}
#banner small{display:none}
#banner .rbtn{flex:none;padding:7px 12px;border-radius:12px;font-size:13px;font-weight:800;color:var(--A);background:var(--hover)}
[data-theme=dark] #banner .rbtn{color:#fff}
#banner .rin{display:none;flex:1 1 100%;min-width:0;gap:8px;margin-top:8px}
#banner.reply .rin{display:flex}#banner.reply .rbtn{display:none}
#banner .rin input{flex:1;min-width:0;height:40px;border-radius:20px;padding:0 14px;background:var(--pane2);font-size:15px}
#banner .rin button{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;flex:none}
[data-theme=dark] #banner .rin button{background:#fff;color:#05070d}
#cs{flex:1;display:none;align-items:center;gap:2px;min-width:0}
.chead.srch .who,.chead.srch #callBtn,.chead.srch #moreBtn{display:none!important}
.chead.srch #cs{display:flex}
#cs input{flex:1;min-width:0;height:40px;border-radius:13px;padding:0 12px;background:var(--pane2);font-size:15px}
#csN{font-size:12.5px;color:var(--sub);font-weight:700;min-width:44px;text-align:center}
.msg.hit .b{box-shadow:0 0 0 2px var(--acc2)!important}
.msg.sched{opacity:.72}
.mt .clk{width:13px;height:13px}
.lockico{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:7px;background:linear-gradient(120deg,#7c5cff,#ff4f9a);color:#fff;margin-left:6px;vertical-align:-4px}
.lockico svg{width:12px;height:12px}
.premcard{position:relative;display:flex;align-items:center;gap:14px;width:100%;padding:15px 16px;border-radius:22px;text-align:left;color:#fff;overflow:hidden;isolation:isolate;margin-top:16px;box-shadow:0 14px 34px rgba(124,92,255,.35)}
.premcard::before{content:"";position:absolute;inset:-80%;background:conic-gradient(from var(--a),#2f7bff,#7c5cff,#ff4f9a,#6cc6ff,#2f7bff);animation:spin 5s linear infinite;z-index:-2}
.premcard::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.3) 50%,transparent 65%);transform:translateX(-100%);animation:shineX 3.4s ease-in-out infinite;z-index:-1}
.premcard .pe{width:46px;height:46px;flex:none;filter:drop-shadow(0 4px 10px rgba(0,0,0,.25))}
.premcard .pe path:first-child{fill:#fff}
.premcard b{display:block;font:800 16px var(--fd)}.premcard small{opacity:.92;font-weight:600;font-size:13px}
.premcard .v{margin-left:auto}
@keyframes shineX{55%,100%{transform:translateX(100%)}}
.emblem{position:relative;width:150px;height:150px;margin:10px auto 6px}
.emblem .rays{position:absolute;inset:-46px;border-radius:50%;background:repeating-conic-gradient(from var(--a),rgba(124,92,255,.22) 0 6deg,transparent 6deg 18deg);-webkit-mask:radial-gradient(circle,#000 25%,transparent 70%);mask:radial-gradient(circle,#000 25%,transparent 70%);animation:spin 16s linear infinite}
.emblem svg{position:relative;width:150px;height:150px;filter:drop-shadow(0 18px 30px rgba(124,92,255,.45));animation:float 4s ease-in-out infinite}
.ptitle{text-align:center;font:800 24px var(--fd)}
.ptitle .g,.wg{background:linear-gradient(90deg,#2f7bff,#7c5cff,#ff4f9a);-webkit-background-clip:text;background-clip:text;color:transparent}
[data-theme=dark] .ptitle .g{background:linear-gradient(90deg,#8fd3ff,#b9a6ff,#ffa6d4);-webkit-background-clip:text;background-clip:text}
.psub{text-align:center;color:var(--sub);font-weight:600;margin:6px 0 4px}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.plan{position:relative;padding:14px;border-radius:18px;background:var(--pane2);text-align:left;box-shadow:inset 0 0 0 2px transparent;transition:box-shadow .3s,transform .3s var(--spring)}
.plan.on{box-shadow:inset 0 0 0 2.5px #7c5cff}
.plan:active{transform:scale(.96)}
.plan b{display:block;font:800 21px var(--fd);margin-top:4px}.plan small{color:var(--sub);font-weight:600;font-size:13px}
.plan .off{position:absolute;top:-9px;right:10px;padding:3px 8px;border-radius:8px;font-size:11px;font-weight:800;color:#fff;background:linear-gradient(90deg,#7c5cff,#ff4f9a)}
.bigbtn.buyp{position:relative;overflow:hidden;background:linear-gradient(110deg,#2f7bff,#7c5cff 50%,#ff4f9a)!important;color:#fff!important;box-shadow:0 14px 30px rgba(124,92,255,.4)}
.bigbtn.buyp::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);transform:translateX(-100%);animation:shineX 2.8s ease-in-out infinite}
.demo-note{text-align:center;color:var(--sub);font-size:12px;font-weight:600;margin-top:8px}
.pbanner{position:relative;height:150px;margin:0 -16px;background:linear-gradient(120deg,var(--A2),var(--A) 50%,#ff6fb5);background-size:cover;background-position:center}
.pbanner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.18))}
.pbedit{position:absolute;right:12px;top:12px;z-index:1;padding:7px 12px;border-radius:12px;font-size:12.5px;font-weight:800;color:#fff;background:rgba(0,0,0,.32);backdrop-filter:blur(8px)}
.pavw{position:relative;width:108px;height:108px;margin:-54px auto 8px;z-index:1}
.pavw .av{width:108px;height:108px;font-size:40px;border:4px solid var(--pane);box-shadow:0 12px 30px var(--glow)}
.pavedit{position:absolute;right:0;bottom:2px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;border:3px solid var(--pane)}
.pavedit svg{width:17px;height:17px}
.pname{text-align:center;font:800 21px var(--fd);display:flex;justify-content:center;align-items:center;gap:6px}
.me-card .nmrow{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;font:800 22px var(--fd)}
.me-card.hasb{margin:0 -16px;padding:56px 16px 6px;background:linear-gradient(180deg,transparent 15%,var(--pane) 88%),var(--bimg) center/cover}
.me-card.hasb .aura{display:none}
.accrow{display:flex;gap:10px;padding:12px 14px;align-items:center;flex-wrap:wrap}
.accrow .acc{width:34px;height:34px}
.accrow .acc.none{background:var(--pane);box-shadow:inset 0 0 0 2px var(--line)}
#wow{position:fixed;inset:0;z-index:95;display:none;color:#fff;overflow:hidden;background:#04050a}
#wow.on{display:block}
#wow canvas{position:absolute;inset:0;width:100%;height:100%}
#wow .wc{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:30px;text-align:center}
#wow .wem{position:relative;width:170px;height:170px;opacity:0;transform:scale(0) rotate(-140deg)}
#wow .wem svg{width:100%;height:100%;filter:drop-shadow(0 0 40px rgba(160,140,255,.8))}
#wow .wem .rays{position:absolute;inset:-90px;border-radius:50%;background:repeating-conic-gradient(from var(--a),rgba(255,255,255,.16) 0 5deg,transparent 5deg 15deg);-webkit-mask:radial-gradient(circle,#000 20%,transparent 68%);mask:radial-gradient(circle,#000 20%,transparent 68%);animation:spin 10s linear infinite;opacity:0;transition:opacity 1s}
#wow.s2 .wem{opacity:1;transform:none;transition:transform 1.1s var(--spring),opacity .3s}
#wow.s2 .wem .rays{opacity:1}
#wow h1{font:800 clamp(24px,7.6vw,32px) var(--fd);gap:0 .3em;letter-spacing:.01em;display:flex;flex-wrap:wrap;justify-content:center;perspective:600px}
#wow h1 .w{display:inline-flex;white-space:nowrap}
#wow h1 .ch{display:inline-block;opacity:0;transform:translateY(34px) rotateX(85deg);filter:blur(10px)}
#wow.s3 h1 .ch{opacity:1;transform:none;filter:none;transition:opacity .6s,transform .8s var(--spring),filter .6s}
#wow h1 .g{background:linear-gradient(90deg,#8fd3ff,#b9a6ff,#ffa6d4);-webkit-background-clip:text;background-clip:text;color:transparent}
#wow p{opacity:0;font-weight:600;font-size:16px;color:rgba(255,255,255,.82);transform:translateY(10px)}
#wow.s3 p{opacity:1;transform:none;transition:all .7s var(--ease) .55s}
#wow .chipsw{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:440px;margin-top:6px}
#wow .chipsw span{padding:8px 13px;border-radius:14px;font-size:13.5px;font-weight:700;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);backdrop-filter:blur(10px);opacity:0;transform:translateY(18px) scale(.85)}
#wow.s4 .chipsw span{opacity:1;transform:none;transition:all .65s var(--spring)}
#wow .go{opacity:0;margin-top:12px;width:min(320px,80vw);height:54px;border-radius:18px;font-weight:800;font-size:16px;color:#05070d;background:#fff;transform:translateY(20px);box-shadow:0 10px 40px rgba(160,140,255,.5)}
#wow.s4 .go{opacity:1;transform:none;transition:all .7s var(--spring) .9s}
#wow.out .wc{transition:opacity .45s,transform .45s;opacity:0;transform:scale(1.08)}
#banner{--glass:color-mix(in srgb,var(--glassSolid) 92%,transparent)}
.vb{transform-box:view-box!important}
.a-glow,.a-ring,.a-hb,.a-halo,.a-pulse,.a-tw,.a-gemb,.a-zap,.a-gem,.a-bfly,.a-sp,.a-mh,.a-flash,.a-arc,.a-cf,.a-ghost,.a-tear,.a-crown{transform-box:fill-box;transform-origin:center}
.a-fl1,.a-fl2,.a-fl3{transform-box:fill-box;transform-origin:50% 100%}
.a-fl1{animation:aFl 1s ease-in-out infinite alternate}
.a-fl2{animation:aFl .7s ease-in-out infinite alternate-reverse}
.a-fl3{animation:aFl .45s ease-in-out infinite alternate}
@keyframes aFl{0%{transform:scale(1,1) skewX(0)}50%{transform:scale(.96,1.07) skewX(3deg)}100%{transform:scale(1.03,.95) skewX(-3deg)}}
.a-glow{animation:aGlow 1.6s ease-in-out infinite}
@keyframes aGlow{50%{transform:scaleX(1.2);opacity:.55}}
.a-sp{animation:aSp 1.9s ease-out infinite}
@keyframes aSp{0%{transform:translateY(10px) scale(.4);opacity:0}25%{opacity:1}100%{transform:translateY(-34px) scale(1.1);opacity:0}}
.a-ring{animation:aRing 1.4s ease-out infinite}
@keyframes aRing{0%{transform:scale(.7);opacity:.9}100%{transform:scale(1.55);opacity:0}}
.a-hb{animation:aHb 1.4s ease-in-out infinite}
@keyframes aHb{0%,100%{transform:scale(1)}12%{transform:scale(1.16) rotate(-3deg)}24%{transform:scale(.94)}36%{transform:scale(1.1) rotate(3deg)}50%{transform:scale(1)}}
.a-mh{animation:aMh 2.4s ease-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes aMh{0%{transform:translateY(30px) scale(.3);opacity:0}30%{opacity:1}100%{transform:translateY(-70px) scale(1.2) rotate(18deg);opacity:0}}
.a-halo{animation:aHalo 2.4s ease-in-out infinite}
@keyframes aHalo{50%{transform:scale(1.25);opacity:.6}}
.a-orb{transform-origin:50px 50px;animation:sSpin 3.4s linear infinite}
.a-orb2{transform-origin:50px 50px;animation:aOrb2 5s linear infinite}
@keyframes aOrb2{from{transform:rotate(0) scaleY(1)}to{transform:rotate(360deg)}}
.a-pulse{animation:aPulse 3s var(--spring) infinite}
@keyframes aPulse{0%,100%{transform:scale(1) rotate(0)}40%{transform:scale(1.1) rotate(45deg)}60%{transform:scale(.96) rotate(45deg)}}
.a-tw{animation:aTw 1.8s ease-in-out infinite}
@keyframes aTw{0%,100%{opacity:.1;transform:scale(.3) rotate(0)}50%{opacity:1;transform:scale(1) rotate(90deg)}}
.a-crown{animation:aCrown 2.6s ease-in-out infinite}
@keyframes aCrown{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-5px) rotate(4deg)}}
.a-shine{animation:aShine 2.6s ease-in-out infinite}
@keyframes aShine{0%{transform:translateX(-30px) skewX(-20deg)}60%,100%{transform:translateX(130px) skewX(-20deg)}}
.a-shine2{animation:aShine2 2.4s ease-in-out infinite}
@keyframes aShine2{0%{transform:skewX(-20deg) translateX(0)}55%,100%{transform:skewX(-20deg) translateX(130px)}}
.a-gemb{animation:aGemb 1.2s ease-in-out infinite}
@keyframes aGemb{50%{transform:scale(1.3);opacity:.75}}
.a-flash{animation:aFlash 1.8s steps(1) infinite}
@keyframes aFlash{0%{opacity:.25}8%{opacity:1}14%{opacity:.3}20%{opacity:.9}30%,100%{opacity:.25}}
.a-zap{animation:aZap 1.8s ease-in-out infinite}
@keyframes aZap{0%,30%,100%{transform:scale(1) translate(0)}6%{transform:scale(1.14) translate(-1px,1px) rotate(-4deg)}12%{transform:scale(.95) translate(1px,-1px)}20%{transform:scale(1.08) rotate(3deg)}}
.a-arc{stroke-dasharray:30;animation:aArc 1.1s linear infinite}
@keyframes aArc{0%{stroke-dashoffset:30;opacity:0}20%{opacity:1}60%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-30;opacity:0}}
.a-gem{animation:aGem 3s ease-in-out infinite}
@keyframes aGem{0%,100%{transform:translateY(0) scaleX(1)}25%{transform:translateY(-4px) scaleX(.88)}50%{transform:translateY(-6px) scaleX(1)}75%{transform:translateY(-3px) scaleX(.9)}}
.a-wing{transform-origin:50px 50px;animation:aWing .34s ease-in-out infinite alternate}
@keyframes aWing{to{transform:scaleX(.28)}}
.a-bfly{animation:aBfly 3.4s ease-in-out infinite}
@keyframes aBfly{0%,100%{transform:translate(0,0) rotate(-6deg)}33%{transform:translate(4px,-7px) rotate(5deg)}66%{transform:translate(-4px,-3px) rotate(-2deg)}}
.a-pl{animation:aPl 5s linear infinite}
@keyframes aPl{to{transform:translateX(-76px)}}
.a-lol{transform-origin:50px 60px;animation:aLol .42s ease-in-out infinite alternate}
@keyframes aLol{from{transform:rotate(-9deg) translateY(1px)}to{transform:rotate(9deg) translateY(-3px)}}
.a-tear{animation:aTearL .85s ease-in infinite}.a-tear.r{animation-name:aTearR}
@keyframes aTearL{0%{transform:translate(0,0) scale(.5);opacity:0}20%{opacity:1}100%{transform:translate(-14px,18px) scale(1.1);opacity:0}}
@keyframes aTearR{0%{transform:translate(0,0) scale(.5);opacity:0}20%{opacity:1}100%{transform:translate(14px,18px) scale(1.1);opacity:0}}
.a-nod{transform-origin:50px 92px;animation:aNod 1.5s ease-in-out infinite}
@keyframes aNod{0%,100%{transform:rotate(0)}30%{transform:rotate(-5deg) translateY(2px)}60%{transform:rotate(3deg)}}
.a-cf{animation:aCf 1.7s cubic-bezier(.15,.7,.3,1) infinite}
@keyframes aCf{0%{transform:translate(0,0) rotate(0) scale(.3);opacity:0}12%{opacity:1}70%{opacity:1}100%{transform:translate(var(--dx),var(--dy)) rotate(400deg) scale(1);opacity:0}}
.a-str{stroke-dasharray:40;animation:aStr 1.7s ease-out infinite}
@keyframes aStr{0%{stroke-dashoffset:40;opacity:0}20%{opacity:1}70%{stroke-dashoffset:0;opacity:1}100%{opacity:0}}
.a-cone{transform-origin:14px 92px;animation:aCone 1.7s ease-in-out infinite}
@keyframes aCone{0%,100%{transform:rotate(0)}6%{transform:rotate(-9deg) scale(1.06)}14%{transform:rotate(4deg)}22%{transform:rotate(0)}}
.a-ghost{animation:aGhost 3s ease-in-out infinite}
@keyframes aGhost{0%,100%{transform:translateY(0) rotate(-3deg);opacity:1}50%{transform:translateY(-9px) rotate(3deg);opacity:.78}}
.a-shadow{transform-origin:50px 92px;animation:aShadow 3s ease-in-out infinite}
@keyframes aShadow{50%{transform:scaleX(.7);opacity:.15}}
.a-eye{transform-origin:50px 46px;animation:sBlink 3.6s infinite}
.b.stk.ae>svg{width:118px;height:118px;cursor:pointer;filter:drop-shadow(0 8px 16px rgba(0,0,0,.12))}
.aeGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:4px;max-height:220px;overflow-y:auto;padding:2px}
.aeGrid button{position:relative;aspect-ratio:1;border-radius:16px;display:grid;place-items:center;transition:transform .25s var(--spring),background .2s}
.aeGrid button:hover{background:var(--hover);transform:scale(1.1)}
.aeGrid button>svg{width:80%;height:80%}
.aeGrid button.lock>svg{opacity:.55;filter:saturate(.5)}
.aeGrid .lk{position:absolute;right:3px;bottom:3px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(120deg,#7c5cff,#ff4f9a)}
.aeGrid .lk svg{width:11px;height:11px}
#emoTabs .md .nw{display:inline-block;margin-left:4px;padding:1px 5px;border-radius:6px;font-size:9.5px;font-weight:800;color:#fff;background:linear-gradient(90deg,#7c5cff,#ff4f9a);vertical-align:2px}
.aeBig{position:fixed;z-index:120;width:120px;height:120px;margin:-60px 0 0 -60px;pointer-events:none;animation:aeBig 1.4s var(--spring) forwards}
.aeBig svg{width:100%;height:100%}
@keyframes aeBig{0%{transform:scale(1);opacity:1}35%{transform:scale(2.7);opacity:1}100%{transform:scale(3.2);opacity:0}}
.aeBit{position:fixed;z-index:119;width:60px;height:60px;margin:-30px 0 0 -30px;pointer-events:none;animation:aeBit 1.3s cubic-bezier(.2,.8,.3,1) forwards}
.aeBit svg{width:100%;height:100%}
@keyframes aeBit{0%{transform:translate(0,0) scale(.2);opacity:0}15%{opacity:1}100%{transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(var(--s));opacity:0}}
.nbadge{display:inline-block;width:24px;height:24px;flex:none;vertical-align:-6px}
.nbadge svg{width:100%;height:100%;overflow:visible}
.pname .nbadge,.me-card .nmrow .nbadge{width:28px;height:28px}
.pname .pbadge,.me-card .nmrow .pbadge{width:21px;height:21px}
.bdpick{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:4px;padding:10px}
.bdpick button{aspect-ratio:1;border-radius:16px;display:grid;place-items:center;transition:transform .25s var(--spring),box-shadow .25s,background .2s}
.bdpick button svg{width:72%;height:72%}
.bdpick button .pbadge{width:52%;height:52%}
.bdpick button.on{background:var(--hover);box-shadow:inset 0 0 0 2.5px #7c5cff;transform:scale(1.04)}
.bdpick button:active{transform:scale(.9)}
.bdpick.off button svg{opacity:.5;filter:saturate(.5)}
.bdnote{padding:0 14px 12px;color:var(--sub);font-size:12.5px;font-weight:600}
.ringw{position:relative;display:inline-grid;border-radius:50%;margin-bottom:12px}
.me-card .ringw .av{margin-bottom:0}
.ringw.on::before,.pavw.ring::before,.hc-mid .ringw.on::before{content:"";position:absolute;inset:-5px;border-radius:50%;background:conic-gradient(from var(--a),#6cc6ff,#7c5cff,#ff4f9a,#ffd36b,#6cc6ff);animation:spin 2.6s linear infinite;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px));filter:drop-shadow(0 0 8px rgba(124,92,255,.6))}
.pavw.ring::before{inset:-6px;z-index:0}
.pv4{position:relative;isolation:isolate}
.paur{position:absolute;left:-16px;right:-16px;top:-70px;height:420px;z-index:-1;overflow:hidden;pointer-events:none;-webkit-mask:linear-gradient(#000 55%,transparent);mask:linear-gradient(#000 55%,transparent)}
.paur i{position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(50px);opacity:.5;animation:paur 12s ease-in-out infinite}
.paur i:nth-child(1){background:#6cc6ff;left:-60px;top:20px}
.paur i:nth-child(2){background:#7c5cff;right:-80px;top:-10px;animation-delay:-4s}
.paur i:nth-child(3){background:#ff6fb5;left:30%;top:140px;animation-delay:-8s;opacity:.35}
[data-theme=dark] .paur i{opacity:.32}
@keyframes paur{33%{transform:translate(60px,40px) scale(1.15)}66%{transform:translate(-40px,60px) scale(.9)}}
.hcard{perspective:1000px;width:min(340px,100%);aspect-ratio:1.586;margin:6px auto 18px;cursor:grab;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.hc-in{position:relative;height:100%;border-radius:24px;padding:18px 20px;color:#fff;overflow:hidden;isolation:isolate;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .7s var(--spring);background:radial-gradient(120% 140% at 0% 0%,#2a4dff 0%,transparent 55%),radial-gradient(120% 140% at 100% 100%,#ff3f8e 0%,transparent 55%),linear-gradient(135deg,#101640,#2a1468 50%,#3a0f4a);box-shadow:0 26px 60px -12px rgba(90,60,220,.55),inset 0 0 0 1px rgba(255,255,255,.22);display:flex;flex-direction:column;justify-content:space-between}
.hcard:not(.tilt) .hc-in{animation:hcIdle 8s ease-in-out infinite}
.hcard.tilt .hc-in{transition:transform .1s linear}
.hcard.flip .hc-in{animation:hcFlip 1s var(--spring)}
@keyframes hcIdle{0%,100%{transform:rotateX(6deg) rotateY(-10deg)}50%{transform:rotateX(-5deg) rotateY(10deg)}}
@keyframes hcFlip{from{transform:rotateY(-360deg) scale(.9)}}
.hc-foil{position:absolute;inset:-20%;z-index:-1;background:repeating-linear-gradient(115deg,#ff9ad5 0%,#9ff0ff 6%,#c4b2ff 12%,#fff5a8 18%,#ff9ad5 24%);background-size:220% 220%;background-position:var(--mx,50%) var(--my,50%);mix-blend-mode:color-dodge;opacity:.32;-webkit-mask:radial-gradient(circle at 1.5px 1.5px,#000 1.2px,transparent 1.6px) 0 0/7px 7px,linear-gradient(#0008,#0008);mask:radial-gradient(circle at 1.5px 1.5px,#000 1.2px,transparent 1.6px) 0 0/7px 7px,linear-gradient(#0008,#0008)}
.hcard:not(.tilt) .hc-foil{animation:hcFoil 8s ease-in-out infinite}
@keyframes hcFoil{0%,100%{background-position:10% 20%}50%{background-position:90% 80%}}
.hc-glare{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at var(--mx,30%) var(--my,20%),rgba(255,255,255,.5),transparent 48%);mix-blend-mode:overlay;pointer-events:none}
.hc-wm{position:absolute;right:-40px;bottom:-50px;width:200px;height:200px;z-index:-1;opacity:.14;animation:spin360 30s linear infinite}
@keyframes spin360{to{transform:rotate(360deg)}}
.hc-top{display:flex;align-items:center;gap:9px;transform:translateZ(30px)}
.hc-top .hc-em{width:30px;height:30px;filter:drop-shadow(0 0 10px rgba(255,255,255,.6))}
.hc-top span{font:800 13px var(--fd);letter-spacing:.18em;line-height:1.05}
.hc-top span b{display:block;font-size:10px;letter-spacing:.42em;opacity:.8}
.hc-chip{margin-left:auto;width:38px;height:28px;border-radius:7px;background:linear-gradient(135deg,#fff3b0,#ffcf4a 45%,#d9971f);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);position:relative;overflow:hidden}
.hc-chip::before{content:"";position:absolute;inset:6px 0;border-top:1px solid rgba(0,0,0,.25);border-bottom:1px solid rgba(0,0,0,.25)}
.hc-chip::after{content:"";position:absolute;inset:0 13px;border-left:1px solid rgba(0,0,0,.25);border-right:1px solid rgba(0,0,0,.25)}
.hc-mid{display:flex;align-items:center;gap:12px;transform:translateZ(45px)}
.hc-mid .ringw{margin:0}
.hc-mid .av{width:50px;height:50px;font-size:19px;box-shadow:0 6px 16px rgba(0,0,0,.3)}
.hc-n{display:flex;align-items:center;gap:5px;font:800 18px var(--fd);text-shadow:0 2px 10px rgba(0,0,0,.25)}
.hc-n .nbadge{width:26px;height:26px}
.hc-mid small{font-weight:600;font-size:13px;opacity:.75}
.hc-bot{display:flex;justify-content:space-between;align-items:flex-end;transform:translateZ(25px);font:700 13.5px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}
.hc-bot small{display:block;font:700 9px var(--fb);letter-spacing:.2em;opacity:.6;margin-bottom:3px}
.hc-bot span:last-child{text-align:right}
.hcard:not(.act) .hc-in{background:radial-gradient(120% 140% at 0% 0%,#3b4b7a 0%,transparent 55%),radial-gradient(120% 140% at 100% 100%,#6b4b86 0%,transparent 55%),linear-gradient(135deg,#1a2038,#2a2448 50%,#2a1a34)}
.hcard:not(.act) .hc-foil{opacity:.18}
.hc-hint{text-align:center;color:var(--sub);font-size:12px;font-weight:600;margin:-8px 0 6px}
.ptitle4{text-align:center;font:800 clamp(26px,8vw,32px) var(--fd);line-height:1.08}
.ptitle4 .g{background:linear-gradient(90deg,#2f7bff,#7c5cff,#ff4f9a,#2f7bff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gmove 4s linear infinite}
@keyframes gmove{to{background-position:200% 0}}
.bento{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bx{position:relative;border-radius:22px;padding:13px 14px;min-height:136px;background:var(--pane2);overflow:hidden;isolation:isolate;display:flex;flex-direction:column;text-align:left;animation:rowIn .6s var(--spring) backwards}
.bx::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--a),transparent 0 60%,#7c5cff,#ff4f9a,#6cc6ff,transparent 100%);animation:spin 5s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:.75}
.bx.wide{grid-column:span 2;min-height:150px}
.bx .dm{flex:1;display:grid;place-items:center;min-height:70px;position:relative}
.bx b{font:800 15px var(--fd);display:block}
.bx small{display:block;color:var(--sub);font-size:12.5px;font-weight:600;margin-top:2px;line-height:1.3}
.bx .ok{position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--green)}
.bx .ok svg{width:12px;height:12px}
.mq{width:100%;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.mq>div{display:flex;gap:10px;width:max-content;animation:mq 16s linear infinite}
.mq svg{width:52px;height:52px;flex:none}
@keyframes mq{to{transform:translateX(-50%)}}
.dm .dname{display:flex;align-items:center;gap:5px;padding:9px 13px;border-radius:14px;background:var(--pane);font:800 15px var(--fd);box-shadow:0 6px 18px rgba(0,0,0,.08)}
.dm .dname .nbadge{width:26px;height:26px}
.dm>svg{width:70px;height:70px}
.dm .dban{width:100%;height:54px;border-radius:14px;background:linear-gradient(120deg,#6cc6ff,#7c5cff,#ff6fb5,#6cc6ff);background-size:300% 100%;animation:gmove 5s linear infinite;position:relative}
.dm .dban::after{content:"";position:absolute;left:12px;bottom:-14px;width:34px;height:34px;border-radius:50%;background:linear-gradient(140deg,var(--A2),var(--A));border:3px solid var(--pane2)}
.dm .dav{width:52px;height:52px;font-size:20px}
.dm .drx{position:absolute;font-size:22px;animation:drx 3s ease-in-out infinite}
@keyframes drx{0%{transform:translateY(20px) scale(.5);opacity:0}30%,70%{opacity:1}100%{transform:translateY(-26px) scale(1.15);opacity:0}}
.dm .dinf{font:800 46px var(--fd);background:linear-gradient(90deg,#16a6d6,#7c5cff);-webkit-background-clip:text;background-clip:text;color:transparent;animation:float 3s ease-in-out infinite}
.freebx{margin-top:10px;padding:14px;border-radius:22px;background:color-mix(in srgb,var(--green) 10%,var(--pane2))}
.freebx b{font:800 15px var(--fd);display:flex;align-items:center;gap:6px}
.freebx .fc{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.freebx .fc span{padding:6px 10px;border-radius:12px;font-size:12.5px;font-weight:700;background:var(--pane);box-shadow:0 2px 8px rgba(0,0,0,.05)}
.plans4{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.plans4 .plan{padding:16px 14px;border-radius:20px;overflow:hidden;isolation:isolate}
.plans4 .plan.on{box-shadow:none}
.plans4 .plan.on::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2.5px;background:conic-gradient(from var(--a),#6cc6ff,#7c5cff,#ff4f9a,#6cc6ff);animation:spin 3s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.plans4 .plan.on::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(140deg,rgba(108,198,255,.14),rgba(255,79,154,.12))}
.plans4 .plan .off{top:8px;right:8px}
.plans4 .plan b{font-size:23px}
.plans4 .plan em{display:block;font-style:normal;color:var(--sub);font-size:12px;font-weight:600;margin-top:2px}
.bigbtn.buyp4{height:58px;border-radius:20px;font-size:16.5px;margin-top:16px;animation:buyp 2.4s ease-in-out infinite}
@keyframes buyp{50%{box-shadow:0 14px 40px rgba(255,79,154,.5),0 0 0 6px rgba(124,92,255,.12)}}
.bigbtn.buyp4 .orb{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff;animation:orbit 3.2s linear infinite;offset-path:inset(3px round 18px);opacity:.9}
@keyframes orbit{to{offset-distance:100%}}
#wow .wflash{position:absolute;inset:0;background:radial-gradient(circle,#fff,rgba(220,210,255,.6) 40%,transparent 75%);opacity:0;pointer-events:none}
#wow.s2 .wflash{animation:wflash 1s ease-out}
@keyframes wflash{0%{opacity:0}8%{opacity:1}100%{opacity:0}}
#wow .wrain{position:absolute;inset:0;overflow:hidden;pointer-events:none}
#wow .wrain i{position:absolute;top:-80px;width:var(--sz);height:var(--sz);animation:wfall var(--du) linear var(--dl) infinite;opacity:0}
#wow .wrain i svg{width:100%;height:100%}
#wow.s2 .wrain i{opacity:.95;transition:opacity 1s}
#wow.s4 .wrain i{opacity:.45}
@keyframes wfall{from{transform:translateY(0) rotate(0)}to{transform:translateY(calc(100vh + 160px)) rotate(var(--rt))}}
#wow .wcard{width:min(300px,78vw);margin:4px 0 2px;opacity:0;transform:scale(.2) rotateY(-540deg) translateZ(-400px)}
#wow .wcard .hc-in{animation:none}
#wow.s2 .wcard{opacity:1;transform:none;transition:transform 1.5s cubic-bezier(.2,1.25,.3,1),opacity .2s}
#wow.s3 .wcard .hc-in{animation:hcIdle 6s ease-in-out infinite}
#wow.s3 .wcard.tilt .hc-in{animation:none}
#wow.out{opacity:0;transform:scale(1.06);transition:opacity .45s,transform .45s}
.orb .ring::before{background:conic-gradient(var(--A2),var(--A),#ff6fb5,var(--A2));animation:spin360 5s linear infinite}
.premcard::before{inset:auto;left:50%;top:50%;width:140%;aspect-ratio:1;translate:-50% -50%;background:conic-gradient(#2f7bff,#7c5cff,#ff4f9a,#6cc6ff,#2f7bff);animation:spin360 5s linear infinite}
.ringw.on::before,.pavw.ring::before,.hc-mid .ringw.on::before{background:conic-gradient(#6cc6ff,#7c5cff,#ff4f9a,#ffd36b,#6cc6ff);animation:spin360 2.6s linear infinite}
.bx::before{inset:auto;left:50%;top:50%;width:170%;aspect-ratio:1;translate:-50% -50%;padding:0;border-radius:0;-webkit-mask:none;mask:none;background:conic-gradient(transparent 0 60%,#7c5cff,#ff4f9a,#6cc6ff,transparent);animation:spin360 6s linear infinite;z-index:-2;opacity:.8}
.bx::after{content:"";position:absolute;inset:1.5px;border-radius:20.5px;background:var(--pane2);z-index:-1}
.plans4 .plan.on::before{inset:auto;left:50%;top:50%;width:170%;aspect-ratio:1;translate:-50% -50%;padding:0;border-radius:0;-webkit-mask:none;mask:none;background:conic-gradient(#6cc6ff,#7c5cff,#ff4f9a,#6cc6ff);animation:spin360 3s linear infinite;z-index:-2}
.plans4 .plan.on::after{inset:2.5px;border-radius:17.5px;background:linear-gradient(140deg,rgba(108,198,255,.14),rgba(255,79,154,.12)),var(--pane2)}
.hcard:not(.tilt) .hc-foil{animation:hcFoilT 8s ease-in-out infinite}
@keyframes hcFoilT{0%,100%{transform:translate(-9%,-7%)}50%{transform:translate(9%,7%)}}
.bigbtn.buyp4{animation:none;box-shadow:0 16px 36px rgba(124,92,255,.45),0 0 0 5px rgba(124,92,255,.1)}
#wall canvas{filter:none;transform:none;image-rendering:auto}
.sheet{visibility:hidden;transition:visibility 0s .55s}
.sheet.on{visibility:visible;transition:none}
.page.left{visibility:hidden;transition:transform .5s var(--ease),filter .5s,visibility 0s .5s}
@media (max-width:819px){
  #app.open:not(.drag) #side{visibility:hidden;transition:transform .5s var(--ease),filter .5s,visibility 0s .5s}
  #app:not(.open):not(.drag) #chat{visibility:hidden;transition:transform .5s var(--ease),visibility 0s .5s}
}
.zz,.zz *{animation-play-state:paused!important}
.b.stk>svg,.mq svg,.aeGrid svg,.stkGrid svg,.bdpick svg{contain:paint}
.bigbtn.buyp4 .orb{display:none}
.mq>div{gap:18px;animation-duration:22s}
.mq svg{width:56px;height:56px}
#emoPan .eg .stkGrid button,#emoPan .eg .aeGrid button{height:auto;width:100%;font-size:0}
#emoPan .eg .stkGrid button:hover,#emoPan .eg .aeGrid button:hover{transform:scale(1.06)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
#auth{position:fixed;inset:0;z-index:90;display:none;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px calc(24px + var(--safe-b));overflow-y:auto;background:var(--bg)}
#auth.on{display:flex}
.au-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none}
.au-bg i{position:absolute;width:60vmax;height:60vmax;border-radius:50%;filter:blur(70px);opacity:.55;animation:paur 16s ease-in-out infinite}
.au-bg i:nth-child(1){background:#6cc6ff;left:-20vmax;top:-20vmax}
.au-bg i:nth-child(2){background:#7c5cff;right:-25vmax;top:10vh;animation-delay:-5s;opacity:.4}
.au-bg i:nth-child(3){background:#ff6fb5;left:10vw;bottom:-30vmax;animation-delay:-10s;opacity:.35}
[data-theme=dark] .au-bg i{opacity:.25}
.au-card{position:relative;width:min(420px,100%);padding:26px 22px 22px;border-radius:30px;background:color-mix(in srgb,var(--pane) 82%,transparent);backdrop-filter:blur(30px) saturate(1.5);-webkit-backdrop-filter:blur(30px) saturate(1.5);box-shadow:0 30px 80px -20px rgba(30,60,140,.35),inset 0 0 0 1px rgba(255,255,255,.35);animation:msgIn .6s var(--spring) both}
[data-theme=dark] .au-card{box-shadow:0 30px 80px -20px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.08)}
.au-logo{display:flex;align-items:center;gap:12px;font:800 17px var(--fd);letter-spacing:.03em;margin-bottom:18px}
.au-logo .k{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:#fff;box-shadow:0 10px 24px var(--glow)}
[data-theme=dark] .au-logo .k{background:linear-gradient(140deg,#fff,#cdd9f0);color:#05070d}
.au-logo .k svg{width:24px;height:24px}
.au-logo small{display:block;font:600 10px var(--fb);letter-spacing:.32em;color:var(--sub);margin-top:2px}
#auBody h1{font:800 26px var(--fd)}
.au-sub{color:var(--sub);font-weight:600;margin:6px 0 16px;line-height:1.4}
.af{display:block;margin-bottom:12px}
.af>span{display:block;font-size:12.5px;font-weight:700;color:var(--sub);margin:0 4px 6px}
.af input{width:100%;height:50px;border-radius:15px;padding:0 15px;background:var(--pane2);box-shadow:inset 0 0 0 1px var(--line);font-size:16px;font-weight:600;transition:box-shadow .25s,background .25s}
.af input:focus{box-shadow:inset 0 0 0 2px var(--acc2);background:var(--pane)}
.af small{display:block;font-size:12px;color:var(--sub);font-weight:600;margin:6px 4px 0}
.af .pw{position:relative}.af .pw input{padding-right:48px}
.af .eye{position:absolute;right:6px;top:5px;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--sub)}
.af .pre{position:relative}.af .pre b{position:absolute;left:15px;top:14px;color:var(--sub);font-size:16px}.af .pre input{padding-left:32px}
.pws{height:5px;border-radius:3px;background:var(--line);margin-top:8px;overflow:hidden}.pws i{display:block;height:100%;width:0;border-radius:3px;transition:width .3s,background .3s}
.au-warn{display:flex;gap:10px;padding:12px 14px;border-radius:16px;background:color-mix(in srgb,#ff8a3d 12%,var(--pane2));font-size:13px;font-weight:600;line-height:1.4;margin:6px 0 4px}
.au-warn svg{flex:none;width:20px;height:20px;color:#ff8a3d;margin-top:1px}
.au-err{min-height:20px;margin:8px 4px 4px;color:var(--red);font-weight:700;font-size:13.5px}
.au-err.shk{animation:shake .4s}
.au-btn{width:100%;height:54px;border-radius:17px;color:#fff;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 14px 30px var(--glow);transition:transform .25s var(--spring),opacity .2s}
[data-theme=dark] .au-btn{background:linear-gradient(140deg,#fff,#d4def2);color:#05070d}
.au-btn:active{transform:scale(.97)}.au-btn:disabled{opacity:.75}
.au-sw{text-align:center;margin-top:14px;color:var(--sub);font-weight:600}.au-sw button{color:var(--A);font-weight:800}
[data-theme=dark] .au-sw button{color:#fff}
.au-note{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);color:var(--sub);font-size:12.5px;font-weight:600;line-height:1.45;text-align:center}
.au-foot{position:relative;display:flex;align-items:center;gap:8px;max-width:420px;margin-top:16px;color:var(--sub);font-size:12.5px;font-weight:600;text-align:center;line-height:1.4}
.au-foot svg{flex:none;width:18px;height:18px;color:var(--green)}
.spin{width:18px;height:18px;border-radius:50%;border:2.5px solid currentColor;border-right-color:transparent;animation:sSpin .7s linear infinite;flex:none}
.netst{display:none;align-items:center;gap:6px;padding:5px 10px;border-radius:10px;font-size:12px;font-weight:700;color:#ff8a3d;background:color-mix(in srgb,#ff8a3d 12%,transparent)}
.netst.on{display:flex}.netst i{width:7px;height:7px;border-radius:50%;background:currentColor;animation:blink 1s infinite}
.vf{display:inline-block;width:17px;height:17px;flex:none;vertical-align:-3px;margin-left:4px;color:var(--A)}
[data-theme=dark] .vf{color:#fff}
.lbadge{display:inline-flex;margin-left:4px;vertical-align:-3px}.lbadge .pbadge{width:16px;height:16px}.lbadge .nbadge{width:20px;height:20px;vertical-align:-5px}
.row .nm .lbadge{vertical-align:middle}
.lsec{margin:14px 22px 6px;font-size:12.5px;font-weight:800;letter-spacing:.06em;color:var(--sub);text-transform:uppercase}
.loading{display:flex;justify-content:center;gap:6px;padding:30px}
.loading i{width:9px;height:9px;border-radius:50%;background:var(--A);opacity:.4;animation:tb 1s infinite}
.loading i:nth-child(2){animation-delay:.15s}.loading i:nth-child(3){animation-delay:.3s}
.empty .e2e{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:7px 12px;border-radius:12px;background:color-mix(in srgb,var(--green) 12%,transparent);color:var(--green);font-size:13px}
.empty .e2e svg{width:16px;height:16px}
.search.inl{margin:4px 0 12px}
.dlgt{color:var(--sub);font-weight:600;line-height:1.45;margin:0 4px 12px;font-size:14px}
.dlgerr{color:var(--red);font-weight:700;font-size:13.5px;min-height:18px;margin:8px 4px 0}
.bigbtn.ghost{background:var(--pane2)!important;color:var(--ink)!important;box-shadow:none}
.bigbtn:disabled{opacity:.7}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.03em}
.e2e-note{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:14px;color:var(--sub);font-size:12.5px;font-weight:600}
.e2e-note svg{width:15px;height:15px;color:var(--green)}
.sysm{align-self:center;margin:8px 0;max-width:86%;text-align:center}
.sysm span{display:inline-block;padding:6px 12px;border-radius:13px;font-size:13px;font-weight:600;color:var(--sub)}
.e2ehint{align-self:center;margin:auto 0;max-width:330px;padding:16px 18px;border-radius:20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13.5px;color:var(--sub);font-weight:600;line-height:1.4}
.e2ehint svg{width:30px;height:30px;color:var(--green)}.e2ehint b{color:var(--ink);font:800 15px var(--fd)}
.more{align-self:center;margin:6px 0 10px;padding:8px 14px;border-radius:13px;font-size:13px;font-weight:700;color:var(--A)}
.tx.enc{display:inline-flex;gap:6px;align-items:flex-start;font-style:italic;opacity:.75;font-size:.92em}
.tx.enc svg{flex:none;width:16px;height:16px;margin-top:2px}
.tx.cap{display:block;margin-top:6px}
.b .mt .fl{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--red);color:#fff;font-size:10px;font-weight:800}
.msg.failed .b{opacity:.8}
.ph.real{display:block;width:280px;max-width:100%;max-height:420px;background:var(--line);position:relative}
.ph.real img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ph.real img.th{filter:blur(12px);transform:scale(1.1)}
.ph.real img.full{opacity:0;transition:opacity .35s}.ph.real.ld img.full{opacity:1}
.ph.real.fail::after{content:"Не удалось загрузить";position:absolute;inset:auto 0 8px;text-align:center;font-size:12px;font-weight:700;color:#fff;text-shadow:0 1px 4px #000}
.b.media .ph.real{border-radius:calc(var(--br) - 4px)}
button.file{text-align:left;color:inherit}
.voice .wf{overflow:hidden}
.msg.schd{opacity:.75;cursor:pointer}.msg.schd .b{border:1.5px dashed currentColor}
#viewer img,#viewer video{max-width:94vw;max-height:84vh;border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
#viewer .vbar{position:fixed;left:0;right:0;bottom:calc(20px + var(--safe-b));display:flex;justify-content:center;gap:10px}
#viewer .vbar button{display:flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:14px;font-weight:700;color:var(--ink)}
.vload{display:flex;gap:8px}.vload i{width:10px;height:10px;border-radius:50%;background:#fff;animation:tb 1s infinite}.vload i:nth-child(2){animation-delay:.15s}.vload i:nth-child(3){animation-delay:.3s}
#dropZone{position:absolute;inset:0;z-index:30;display:none;place-items:center;background:color-mix(in srgb,var(--A) 18%,transparent);backdrop-filter:blur(6px)}
#dropZone div{display:flex;align-items:center;gap:10px;padding:18px 24px;border-radius:20px;background:var(--pane);font-weight:800;border:2px dashed var(--A)}
#chat.drop #dropZone{display:grid}
.blockbar{display:none;padding:0 12px 8px}
#chat.blocked .blockbar{display:block}#chat.blocked .bar{display:none}
.blockbar>*{width:100%;padding:13px;border-radius:16px;text-align:center;font-weight:600;color:var(--sub)}
.blockbar b{color:var(--A)}
.pfbn{height:160px;margin:-29px -18px -64px;background:center/cover no-repeat;position:relative}
.pfbn::after{content:'';position:absolute;inset:auto 0 0;height:70px;background:linear-gradient(transparent,var(--pane))}
#pfPn:has(.pfbn) .grab{position:relative;z-index:2;background:rgba(255,255,255,.75);opacity:1}
.prof2.hasb{position:relative}
.prof2 .ringw{margin-bottom:12px}.prof2 .ringw .av{margin-bottom:0}
.prof2 h2{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px}
.avedit{position:relative;border-radius:50%;margin-bottom:12px}
.avedit .av{margin-bottom:0!important}
.avedit span{position:absolute;right:0;bottom:0;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;border:3px solid var(--pane)}
.avedit span svg{width:16px;height:16px}
.it.mem .av{width:40px;height:40px;font-size:15px}
.it .rl{font-size:12px;color:var(--A)}
.safe{text-align:center;padding:12px;margin-bottom:12px;border-radius:20px;background:var(--pane2)}
.safe .se{font-size:30px;letter-spacing:6px;margin:4px 0 12px}
.safe .sd{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 6px;font:700 15px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em}
.secw{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 6px 18px}
.secw .sh2{width:84px;height:84px;border-radius:28px;display:grid;place-items:center;color:#fff;box-shadow:0 18px 40px var(--glow);margin-bottom:14px;animation:float 5s ease-in-out infinite}
[data-theme=dark] .secw .sh2{background:linear-gradient(140deg,#fff,#cdd9f0);color:#05070d}
.secw .sh2 svg{width:44px;height:44px}
.secw h2{font:800 21px var(--fd)}.secw p{color:var(--sub);font-weight:600;line-height:1.45;margin-top:8px}
.admcard{position:relative;display:flex;align-items:center;gap:14px;width:100%;padding:15px 16px;border-radius:22px;text-align:left;margin-top:14px;color:#fff;overflow:hidden;background:linear-gradient(120deg,#0d1b3e,#1b2a6b 55%,#3a2d7a);box-shadow:0 14px 34px rgba(13,27,62,.35)}
[data-theme=dark] .admcard{background:linear-gradient(120deg,#151b2e,#1e2650 55%,#2c2160);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.admcard .ai{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(140deg,#ffe17a,#ff9d3d);color:#3a2000;flex:none}
.admcard .ai svg{width:24px;height:24px}
.admcard b{display:block;font:800 16px var(--fd)}.admcard small{opacity:.8;font-weight:600;font-size:13px}.admcard .v{margin-left:auto}
.adm-hero{display:flex;align-items:center;gap:12px;padding:14px;border-radius:20px;background:linear-gradient(120deg,#0d1b3e,#3a2d7a);color:#fff;margin-bottom:12px}
.adm-hero .ai{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(140deg,#ffe17a,#ff9d3d);color:#3a2000}
.adm-hero b{display:block;font:800 16px var(--fd)}.adm-hero small{opacity:.8;font-weight:600;font-size:13px}.adm-hero .ibtn{margin-left:auto;color:#fff}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.stats .st{padding:13px 14px;border-radius:18px;background:var(--pane2);display:flex;flex-direction:column}
.stats .st b{font:800 24px var(--fd)}.stats .st span{font-size:13px;font-weight:700;color:var(--sub)}.stats .st small{font-size:12px;font-weight:700;color:var(--green);margin-top:2px}
.stats .loading{grid-column:span 2}
.nbg{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--red);color:#fff;font-size:12px}
.chipsf{display:flex;gap:6px;overflow-x:auto;margin:0 0 10px;scrollbar-width:none}
.chipsf button{flex:none;padding:7px 13px;border-radius:12px;background:var(--pane2);font-weight:700;font-size:13px;color:var(--sub)}
.chipsf button.on{background:var(--A);color:#fff}[data-theme=dark] .chipsf button.on{background:#fff;color:#05070d}
.banbar{padding:12px 14px;border-radius:16px;background:color-mix(in srgb,var(--red) 14%,var(--pane2));color:var(--red);font-weight:700;margin-bottom:12px}
.rowbtns{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:6px;padding:10px}
.rowbtns button{height:42px;border-radius:13px;background:var(--pane);font-weight:800;font-size:13.5px;color:var(--A);box-shadow:inset 0 0 0 1px var(--line)}
.rowbtns button.dng{color:var(--red)}[data-theme=dark] .rowbtns button{color:#fff}
.numcard{padding:14px;border-radius:24px;background:linear-gradient(140deg,color-mix(in srgb,#12b886 10%,var(--pane2)),var(--pane2))}
.numcard .nc-t{font:800 17px var(--fd);margin:0 4px 10px}
.numcard .grp{background:var(--pane)}
.numrow{display:flex;align-items:center;gap:6px}.numrow input{flex:1;font:700 18px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}
.it .seg[data-seg=nPrem]{width:auto}
.creds{display:grid;gap:8px;margin-bottom:12px}
.creds div{padding:12px 14px;border-radius:16px;background:var(--pane2)}
.creds small{display:block;font-size:12px;font-weight:700;color:var(--sub)}.creds b{font-size:19px;user-select:all}
.it.req.closed,.it.req.done{opacity:.6}
.it .end.ok{color:var(--green)}
.it .end{flex:none;font-weight:700;font-size:13.5px;padding:7px 11px;border-radius:11px;background:var(--pane);color:var(--red)}
#callScr #rVid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;display:none;background:#000}
#callScr #lVid{position:absolute;right:16px;top:calc(16px + env(safe-area-inset-top,0px));width:110px;aspect-ratio:3/4;object-fit:cover;border-radius:18px;z-index:2;display:none;box-shadow:0 10px 30px rgba(0,0,0,.4);transform:scaleX(-1)}
#callScr.rv #rVid,#callScr.lv #lVid{display:block}
#callScr #cbg{z-index:0}#callScr.rv #cbg{opacity:0;animation:none}
#callScr .cbs{justify-items:center;margin:0 auto}#callScr .cbs button{width:100%;min-width:0}
#callScr.rv .cu{margin-top:0}#callScr.rv .cu .avw{display:none}
#callScr.rv::after{background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 30%,transparent 65%,rgba(0,0,0,.55))}
#callScr .ce2e{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:12px;background:rgba(255,255,255,.14);backdrop-filter:blur(10px);font-size:12.5px;font-weight:700}
#callScr .ce2e svg{width:14px;height:14px}
#callScr .cbs.inc{display:none;grid-template-columns:1fr 1fr;width:min(100%,280px)}
#callScr.inc .cbs.inc{display:grid}#callScr.inc #cbsLive{display:none}
#callScr .cbs .ans .cc{background:var(--green);animation:pulseC 1.4s ease-in-out infinite}
@keyframes pulseC{50%{transform:scale(1.1);box-shadow:0 0 0 12px rgba(34,197,139,.25)}}
#callScr{background:#070a14}
#callScr .cbg{opacity:1}
#callScr .cbs .ans .cc{box-shadow:0 0 0 3px rgba(255,255,255,.55),0 10px 30px rgba(0,0,0,.25)}
#callScr .cbs .end .cc{box-shadow:0 10px 30px rgba(0,0,0,.25)}
.safe .se{font-size:24px;letter-spacing:3px;white-space:nowrap}
img.kj{width:1.3em;height:1.3em;vertical-align:-.3em;margin:0 .05em;display:inline-block;object-fit:contain;-webkit-user-drag:none;user-select:text;pointer-events:none}
.tx.jumbo{line-height:1.05;display:block;padding:2px 0 0}
.tx.jumbo img.kj{width:3.2em;height:3.2em;vertical-align:middle;margin:0 .04em;pointer-events:auto}
.tx.jumbo.j2 img.kj{width:2.7em;height:2.7em}.tx.jumbo.j3 img.kj{width:2.3em;height:2.3em}
.b:has(.tx.jumbo){background:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding-left:2px;padding-right:2px}
.b:has(.tx.jumbo)::before,.b:has(.tx.jumbo)::after{display:none!important}
.b:has(.tx.jumbo) .mt{background:rgba(0,0,0,.28);color:#fff!important;padding:1px 7px;border-radius:10px}
#emoGrid button img.kj{width:30px;height:30px;margin:0;vertical-align:middle;pointer-events:none}
#emoTabs .ci img.kj{width:22px;height:22px;margin:0;vertical-align:middle}
.rx button img.kj,#rbar button img.kj{width:1.25em;height:1.25em;vertical-align:-.28em}
#rbar button img.kj{width:30px;height:30px;vertical-align:middle}
.b.still svg *{animation:none!important}
#inp{flex:1;min-width:0;max-height:140px;min-height:40px;overflow-y:auto;padding:10px 4px 9px;font-size:16px;line-height:1.3;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;outline:none;cursor:text;-webkit-user-select:text;user-select:text;position:relative}
#inp.empty::before{content:attr(data-ph);color:var(--sub);position:absolute;left:4px;top:10px;pointer-events:none;white-space:nowrap}
#inp:focus,#inp:focus-visible{outline:none!important;box-shadow:none!important}
#inp img.kj{width:1.35em;height:1.35em;vertical-align:-.32em}
html[data-locked] #app,html[data-locked] .sheet:not(#dlg){visibility:hidden!important}
#ctx .ctxmsg{position:fixed;z-index:1;pointer-events:none;opacity:0;transition:opacity .2s}
#ctx.vis .ctxmsg{opacity:1}
#ctx .ctxmsg .b{animation:ctxLift .35s var(--spring) both}
@keyframes ctxLift{from{transform:scale(.96)}to{transform:scale(1.02)}}
#ctx .box{max-width:calc(100vw - 20px);z-index:2}
#ctx .rbar{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;max-width:100%;flex-shrink:0}
#ctx .rbar::-webkit-scrollbar{display:none}
#ctx .rbar button{flex-shrink:0}
#ctx .acts{max-width:100%}
#emoPan .et{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent)}
#emoPan .et::-webkit-scrollbar{display:none}
#emoPan .et button{flex-shrink:0}
@media (min-aspect-ratio:1/1){#callScr #rVid{object-fit:contain}}
.bnr{position:relative;overflow:hidden;background:#0d1b3e;line-height:0;isolation:isolate}
.bnr .bb{position:absolute;inset:-24px;width:calc(100% + 48px);height:calc(100% + 48px);object-fit:cover;filter:blur(24px) saturate(1.5) brightness(.9);opacity:.9;z-index:-1}
.bnr .bf{position:relative;display:block;width:100%;height:auto;max-height:min(46vh,400px);object-fit:contain;margin:0 auto}
.bnr.pf{margin:-29px -18px 0;border-radius:30px 30px 0 0}
#pfPn:has(.bnr.pf) .grab{position:relative;z-index:2;background:rgba(255,255,255,.8);opacity:1}
.prof2.hasb{margin-top:-20px;position:relative;z-index:1}
.prof2.hasb .ringw .av{border:4px solid var(--pane)}
.me-card.hasb{margin:0 -16px;width:calc(100% + 32px);padding:0 16px 6px;background:none}
.bnr.mc{width:100%;margin:-10px 0 0;border-radius:0 0 26px 26px;box-shadow:0 10px 30px rgba(10,30,80,.15)}
.me-card.hasb .ringw{margin-top:-20px;position:relative;z-index:1}.me-card.hasb .ringw .av{border:4px solid var(--pane)}
.pbanner.has{height:auto;background:none}.pbanner.has::after{display:none}
.bnr.pe{border-radius:0}
.pbanner.has+.pavw{margin-top:-20px}
.gem{width:1.15em;height:1.15em;flex:none;vertical-align:-.2em;overflow:visible;filter:drop-shadow(0 2px 4px rgba(47,123,255,.35))}
.g-tw,.g-beat,.g-up,.g-blink,.g-flame,.g-flame2,.g-pulse,.g-ring,.g-fall,.g-conf,.g-float,.g-bob,.g-shake,.g-op,.g-gem,.g-lines{transform-box:fill-box;transform-origin:center}
.g-shine{animation:gShine 3.8s ease-in-out infinite}
@keyframes gShine{0%,52%{transform:translateX(-40px)}88%,100%{transform:translateX(160px)}}
.g-tw{animation:gTw 2.2s ease-in-out infinite}
@keyframes gTw{0%,100%{transform:scale(.25) rotate(0);opacity:.15}50%{transform:scale(1) rotate(60deg);opacity:1}}
.g-op{animation:gOp 1.8s ease-in-out infinite}@keyframes gOp{50%{opacity:.35}}
.gem.big .g-gem{animation:gemF 4.5s ease-in-out infinite}
@keyframes gemF{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}
.g-beat{animation:gBeat 1.3s ease-in-out infinite}
@keyframes gBeat{0%,100%{transform:scale(1)}14%{transform:scale(1.12)}28%{transform:scale(.97)}42%{transform:scale(1.07)}60%{transform:scale(1)}}
.g-ring{animation:gRing 2.6s ease-out infinite;opacity:0}@keyframes gRing{0%{transform:scale(.75);opacity:.9}100%{transform:scale(1.3);opacity:0}}
.g-up{animation:gUp 3.2s ease-in infinite;opacity:0}@keyframes gUp{0%{transform:translateY(40px) scale(.5);opacity:0}25%{opacity:1}100%{transform:translateY(-170px) scale(1.05);opacity:0}}
.g-sway{transform-box:view-box;transform-origin:50px 95px;animation:gSway 4.2s ease-in-out infinite}@keyframes gSway{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
.g-fall{animation:gFall 4.4s ease-in infinite;opacity:0}@keyframes gFall{0%{transform:translate(0,-12px) rotate(0);opacity:0}15%{opacity:1}100%{transform:translate(-16px,46px) rotate(260deg);opacity:0}}
.g-bob{animation:gBob 3s ease-in-out infinite}@keyframes gBob{50%{transform:translateY(-2.5px)}}
.g-tilt{transform-box:view-box;transform-origin:50px 54px;animation:gTilt 4.4s ease-in-out infinite}@keyframes gTilt{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
.g-tilt2{transform-box:view-box;transform-origin:50px 56px;animation:gTilt 5.2s ease-in-out infinite -1.3s}
.g-blink{animation:gBlink 4.2s infinite}@keyframes gBlink{0%,91%,100%{transform:scaleY(1)}95%{transform:scaleY(.08)}}
.g-tail{transform-box:view-box;transform-origin:66px 80px;animation:gTail 2.6s ease-in-out infinite}@keyframes gTail{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(9deg)}}
.g-bell{transform-box:view-box;transform-origin:50px 61px;animation:gBell 1.8s ease-in-out infinite}@keyframes gBell{0%,100%{transform:rotate(-14deg)}50%{transform:rotate(14deg)}}
.g-flame{transform-origin:50% 100%;animation:gFl .55s ease-in-out infinite}@keyframes gFl{0%,100%{transform:scale(1,1) skewX(0)}25%{transform:scale(.9,1.14) skewX(5deg)}50%{transform:scale(1.06,.92) skewX(-4deg)}75%{transform:scale(.94,1.08) skewX(2deg)}}
.g-flame2{transform-origin:50% 0;animation:gFl2 .2s ease-in-out infinite alternate}@keyframes gFl2{to{transform:scale(.88,1.28)}}
.g-pulse{animation:gPulse 2.6s ease-in-out infinite}@keyframes gPulse{0%,100%{transform:scale(.9);opacity:.6}50%{transform:scale(1.08);opacity:1}}
.g-shake{animation:gShake .22s linear infinite}@keyframes gShake{0%,100%{transform:translate(0,0)}25%{transform:translate(.7px,-.5px)}50%{transform:translate(-.6px,.5px)}75%{transform:translate(.4px,.7px)}}
.g-lines{animation:gLines 1s linear infinite}@keyframes gLines{0%{transform:translate(8px,-8px);opacity:0}40%{opacity:1}100%{transform:translate(-12px,12px);opacity:0}}
.g-rays{animation:spin360 16s linear infinite}.g-orbit{animation:spin360 7s linear infinite}
.g-float{animation:gBob 3.2s ease-in-out infinite}
.g-conf{animation:gConf 2.6s ease-in infinite}@keyframes gConf{0%{transform:translateY(-6px) rotate(0);opacity:0}20%{opacity:1}100%{transform:translateY(22px) rotate(400deg);opacity:0}}
.gfa{display:block;width:100%;height:100%;overflow:visible}
.gfa.still *,html[data-motion=off] .gfa *,html[data-motion=off] .gem *{animation:none!important}
@media (prefers-reduced-motion:reduce){.gfa *,.gem *{animation:none!important}}
.r-common{--rc:#6fa3ec;--rc2:#b8d3ff}.r-rare{--rc:#18b4ee;--rc2:#9fe7ff}.r-epic{--rc:#a35cff;--rc2:#ffa6d4}.r-legend{--rc:#ffae1a;--rc2:#ffe27a}
.crcard{position:relative;display:flex;align-items:center;gap:13px;width:100%;margin-top:10px;padding:13px 16px;border-radius:22px;text-align:left;color:#fff;overflow:hidden;isolation:isolate;background:linear-gradient(120deg,#0b2a7a,#2f7bff 45%,#7c5cff 80%,#ff6fb5);box-shadow:0 14px 34px rgba(47,123,255,.3)}
.crcard::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 12% 30%,rgba(255,255,255,.35),transparent 30%),radial-gradient(circle at 85% 120%,rgba(255,214,242,.5),transparent 40%)}
.crcard::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%);transform:translateX(-100%);animation:shineX 4.2s ease-in-out infinite 1s;z-index:-1}
.crcard .cr-g{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);font-size:28px}
.crcard>span:nth-child(2){flex:1;min-width:0}.crcard b{display:block;font:800 15px var(--fd)}.crcard small{display:block;font-size:12.5px;opacity:.85;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crcard .cr-v{display:flex;align-items:center;gap:4px;font:800 14px var(--fd);padding:7px 10px;border-radius:12px;background:rgba(255,255,255,.2);white-space:nowrap}
.ptag{display:inline-flex;align-items:center;gap:3px;padding:3px 9px 3px 6px;border-radius:11px;background:rgba(var(--AG),.1);color:var(--A);font:800 12.5px var(--fd);white-space:nowrap}
[data-theme=dark] .ptag{background:rgba(255,255,255,.08);color:#fff}
.ptag.w{background:rgba(255,255,255,.22);color:#fff}.ptag.dim{background:var(--pane2);color:var(--ink)}
.ptag .gem{width:15px;height:15px;vertical-align:0}
.st-hero{position:relative;margin:4px -16px 0;padding:24px 16px 18px;display:flex;flex-direction:column;align-items:center;overflow:hidden;isolation:isolate;color:#fff;border-radius:0 0 34px 34px;background:radial-gradient(120% 90% at 50% 0%,#3d8bff 0%,#1c3fbf 45%,#0a1240 100%)}
[data-theme=dark] .st-hero{background:radial-gradient(120% 90% at 50% 0%,#1d4fd0 0%,#0c1a5c 48%,#03050f 100%)}
.st-hero::before{content:"";position:absolute;inset:-40%;z-index:-1;background:conic-gradient(from var(--a),transparent,rgba(255,111,181,.35),transparent 30%,rgba(143,211,255,.4),transparent 60%,rgba(185,166,255,.35),transparent);animation:spin 12s linear infinite;filter:blur(30px)}
.st-sky i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 6px #fff;animation:twk 2.8s ease-in-out infinite;z-index:-1}
@keyframes twk{0%,100%{opacity:.15;transform:scale(.6)}50%{opacity:1;transform:scale(1.2)}}
.st-gemw{position:relative;width:150px;height:150px;display:grid;place-items:center;cursor:pointer}
.st-gemw .gem{width:132px;height:132px;filter:drop-shadow(0 18px 30px rgba(10,20,90,.55)) drop-shadow(0 0 24px rgba(143,211,255,.5))}
.st-gemw.spin .gem{animation:gemSpin .9s var(--spring)}
@keyframes gemSpin{0%{transform:rotateY(0) scale(1)}50%{transform:rotateY(180deg) scale(1.15)}100%{transform:rotateY(360deg) scale(1)}}
.st-halo{position:absolute;inset:-10px;border-radius:50%;background:radial-gradient(closest-side,rgba(191,244,255,.55),rgba(124,92,255,.18) 60%,transparent);animation:gPulse 3s ease-in-out infinite}
.st-orb{position:absolute;inset:-6px;animation:spin360 9s linear infinite}
.st-orb i{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 10px 2px #8fd3ff;top:50%;left:-2px}
.st-orb i:nth-child(2){left:auto;right:6px;top:12%;width:6px;height:6px;box-shadow:0 0 10px 2px #ffa6d4}
.st-orb i:nth-child(3){left:40%;top:auto;bottom:-2px;width:5px;height:5px;box-shadow:0 0 10px 2px #b9a6ff}
.st-bal{display:flex;flex-direction:column;align-items:center;margin-top:4px}
.st-bal b{font:800 40px/1.05 var(--fd);letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#fff 30%,#c9e9ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 6px 30px rgba(143,211,255,.35)}
.st-bal span{font-weight:700;opacity:.8;margin-top:2px}
.st-acts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:380px;margin-top:16px}
.st-acts button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:11px 4px 10px;border-radius:18px;background:rgba(255,255,255,.14);backdrop-filter:blur(10px);font-size:12.5px;font-weight:700;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);transition:transform .2s var(--spring)}
.st-acts button:active{transform:scale(.94)}
.st-acts .ic{margin:0;box-shadow:0 6px 16px rgba(0,0,0,.2)}
.gfgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}
.gtile{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 6px 11px;border-radius:22px;background:var(--pane2);overflow:hidden;isolation:isolate;border:1.5px solid transparent;animation:gtIn .55s var(--spring) both;transition:transform .25s var(--spring),box-shadow .25s}
.gtile:active{transform:scale(.94)}
@media (hover:hover){.gtile:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(var(--AG),.18)}}
@keyframes gtIn{from{opacity:0;transform:translateY(14px) scale(.92)}}
.gt-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 36%,var(--rc) 0,transparent 64%);opacity:.3}
.gtile.r-epic{border-color:rgba(163,92,255,.35)}
.gtile.r-legend{background:linear-gradient(var(--pane2),var(--pane2)) padding-box,conic-gradient(from var(--a),#ffd34d,#ff8fd0,#8fd3ff,#b9a6ff,#ffd34d) border-box;border:2px solid transparent;animation:gtIn .55s var(--spring) both,spin 4s linear infinite}
.gt-art{width:74px;height:74px;display:block}
.gt-n{font-weight:800;font-size:13px;text-align:center;line-height:1.15;min-height:15px}
.gt-lim{position:absolute;top:7px;left:50%;transform:translateX(-50%);padding:2px 7px;border-radius:8px;font-size:9.5px;font-weight:800;letter-spacing:.02em;color:#7a4b00;background:linear-gradient(90deg,#ffe27a,#ffc23d);white-space:nowrap;z-index:1}
.gtile.out{filter:grayscale(.8);opacity:.6}
.gtile.own{padding:10px 6px}.gtile.own .gt-art{width:68px;height:68px}
.gtile.hid{opacity:.55}
.gt-num{position:absolute;top:6px;right:8px;font:800 9.5px var(--fd);color:var(--rc)}
.gt-from{position:absolute;bottom:6px;right:6px}.gt-from .av{width:22px;height:22px;font-size:9px;border:2px solid var(--pane2)}
.gt-from.anon{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--sub);color:#fff;font-weight:800;font-size:12px;border:2px solid var(--pane2)}
.gt-hid{position:absolute;top:6px;left:8px;color:var(--sub)}.gt-hid svg.i{width:15px;height:15px}
.gfh{display:flex;align-items:center;gap:8px}.gfh span{margin-left:auto;display:inline-flex;align-items:center;gap:3px;letter-spacing:0;color:var(--A)}.gfh .gem{width:14px;height:14px}
.gempty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:18px 14px;margin-top:14px;border-radius:22px;background:var(--pane2)}
.gempty .gfa{width:84px;height:84px;margin-bottom:4px}.gempty b{font:800 15px var(--fd)}.gempty small{color:var(--sub);font-weight:600}
.gempty .bigbtn{margin-top:12px;width:auto;padding:0 20px}.gempty .bigbtn .gem,.bigbtn .gem{width:20px;height:20px;margin-right:6px}
.packs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pack{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 4px 11px;border-radius:20px;background:var(--pane2);overflow:hidden;isolation:isolate;transition:transform .2s var(--spring)}
.pack::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 25%,rgba(var(--AG),.22),transparent 60%)}
.pack:active{transform:scale(.94)}
.pack.p2,.pack.p4{background:linear-gradient(var(--pane2),var(--pane2)) padding-box,linear-gradient(140deg,#8fd3ff,#7c5cff,#ff6fb5) border-box;border:1.5px solid transparent}
.pk-gems{display:flex;height:30px;align-items:flex-end;justify-content:center}.pk-gems .gem{width:26px;height:26px;margin:0 -5px}.pk-gems .gem:nth-child(2){transform:translateY(-6px) scale(.85)}.pk-gems .gem:nth-child(3){transform:translateY(-2px) scale(.9)}
.pack b{font:800 17px var(--fd);margin-top:4px}.pack small{font-size:11.5px;font-weight:700;color:var(--sub)}
.st-note{margin-top:12px;padding:13px 15px;border-radius:18px;background:rgba(var(--AG),.08);font-size:13px;line-height:1.45;color:var(--sub);font-weight:600}
.st-note b{display:block;color:var(--ink);font-size:13.5px;margin-bottom:3px}
.it.tx .txi{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--pane2);font-size:18px;flex:none}
.txv{display:inline-flex!important;align-items:center;gap:3px;font:800 14px var(--fd)!important;color:var(--ink)!important}.txv.pl{color:var(--green)!important}.txv .gem{width:15px;height:15px}
h4 .gem.h4g{width:14px;height:14px}
.qa .qgift svg.i{color:#ff4f9a}
#pfGifts .gfh{margin:16px 6px 8px}#pfGifts:empty{display:none}
#giftSh{z-index:32}
.gp-head{display:flex;align-items:center;gap:12px;margin:4px 2px 10px}.gp-head .av{width:48px;height:48px;font-size:18px}.gp-head h3{margin:0}.gp-head p{color:var(--sub);font-weight:600;font-size:13px;margin-top:2px}
.gp-bal{display:flex;align-items:center;gap:6px;padding:10px 12px;border-radius:16px;background:var(--pane2);margin-bottom:12px;font-weight:700}.gp-bal .gem{width:22px;height:22px}.gp-bal b{font:800 16px var(--fd)}.gp-bal span{color:var(--sub)}
.gp-top{margin-left:auto;padding:7px 12px;border-radius:12px;font-weight:800;font-size:13px;color:#fff;background:linear-gradient(140deg,#6cc6ff,#2f7bff)}
.gc-stage{position:relative;height:200px;margin:0 -18px 6px;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--rc) 32%,transparent),transparent 62%)}
.gc-rays{position:absolute;width:420px;height:420px;left:50%;top:50%;margin:-210px 0 0 -210px;z-index:-1;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--rc2) 40%,transparent) 0 8deg,transparent 8deg 22deg);-webkit-mask:radial-gradient(closest-side,#000,transparent);mask:radial-gradient(closest-side,#000,transparent);animation:spin360 22s linear infinite;opacity:.8}
.gc-art{width:150px;height:150px;animation:gcIn .7s var(--spring) both}
@keyframes gcIn{from{transform:scale(.3) rotate(-25deg);opacity:0}}
.gc-rar{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);padding:4px 11px;border-radius:10px;font-size:11.5px;font-weight:800;white-space:nowrap;color:#fff;background:var(--rc);box-shadow:0 6px 16px color-mix(in srgb,var(--rc) 45%,transparent)}
.gc-stage.r-legend .gc-rar{color:#6b3f00;background:linear-gradient(90deg,#ffe27a,#ffbf2e)}
.gc-n{font:800 22px var(--fd);text-align:center;margin:6px 0 10px}
.gc-to small{display:block;font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--sub);margin:4px 6px 8px}
.gc-ppl{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 10px}.gc-ppl::-webkit-scrollbar{display:none}
.gc-ppl button{flex:none;display:flex;flex-direction:column;align-items:center;gap:5px;width:64px;font-size:11.5px;font-weight:700;color:var(--sub)}
.gc-ppl button .av{width:50px;height:50px;font-size:18px;box-shadow:0 0 0 2px var(--pane),0 0 0 2px transparent;transition:box-shadow .2s,transform .2s var(--spring)}
.gc-ppl button.on{color:var(--A)}.gc-ppl button.on .av{box-shadow:0 0 0 2.5px var(--pane),0 0 0 5px var(--A);transform:scale(1.04)}
.gc-ppl button span{max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gc-opts[hidden]{display:none}
.gc-sum{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px 10px;margin:14px 6px 12px;font-weight:700;color:var(--sub)}.gc-sum .ptag{justify-self:end}
.gc-go{background:linear-gradient(120deg,#2f7bff,#7c5cff 60%,#ff6fb5);color:#fff;gap:6px;position:relative;overflow:hidden}
.gc-go::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);transform:translateX(-100%);animation:shineX 2.8s ease-in-out infinite}
.gc-go.off{background:var(--pane2);color:var(--A)}.gc-go.off::after{display:none}
.gc-go.busy{opacity:.7;pointer-events:none}
.gd-note{text-align:center;font-weight:600;font-style:italic;color:var(--ink);margin:-4px 16px 12px;font-size:15px}
.gd-from .av{width:40px;height:40px}.anonav{display:grid;place-items:center;background:linear-gradient(140deg,#c3cede,#8a97b3);color:#fff;font-weight:800;border-radius:50%;width:40px;height:40px;flex:none}
.msg .b.gft{padding:0;background:none!important;box-shadow:none!important}
.gmsg{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;width:230px;padding:14px 14px 12px;border-radius:24px;overflow:hidden;isolation:isolate;color:#fff;text-align:center;background:linear-gradient(160deg,#3d8bff,#1d3fbf 55%,#0d1650);box-shadow:0 10px 30px rgba(20,60,180,.3)}
.gmsg.r-epic{background:linear-gradient(160deg,#a35cff,#5a2fd6 55%,#200d50)}.gmsg.r-legend{background:linear-gradient(160deg,#ffb52e,#d6631a 50%,#4a1a0a)}
.gm-glow{position:absolute;inset:-30%;z-index:-1;background:conic-gradient(from var(--a),transparent,rgba(255,255,255,.22),transparent 30%,rgba(255,214,242,.25),transparent 60%);animation:spin 7s linear infinite}
.gm-art{width:110px;height:110px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.3))}
.gmsg b{font:800 17px var(--fd)}.gmsg small{font-size:12px;font-weight:700;opacity:.8}
.gm-note{margin-top:6px;padding:7px 10px;border-radius:12px;background:rgba(255,255,255,.14);font-size:13.5px;font-weight:600;max-width:100%;overflow-wrap:anywhere}
.gm-btn{margin-top:9px;padding:8px 18px;border-radius:13px;background:rgba(255,255,255,.22);font-weight:800;font-size:13px}
.msg .b.gft .mt{position:absolute;right:12px;bottom:-18px;color:var(--sub)!important;background:none}
.msg:has(.gft){margin-bottom:16px}
#gwow{position:fixed;inset:0;z-index:96;display:none;color:#fff}
#gwow.on{display:block}
.gw-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(47,123,255,.55),rgba(8,10,30,.92) 60%);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:fadeIn .4s both}
@keyframes fadeIn{from{opacity:0}}
.gw-sky i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff;animation:twk 2.4s ease-in-out infinite}
.gw-in{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:30px;text-align:center;pointer-events:none}
.gw-in>*{pointer-events:auto}
.gw-stage{position:relative;width:240px;height:240px;display:grid;place-items:center;transform:translate(var(--fx,0),var(--fy,0)) scale(var(--fs,.4));transition:transform .8s var(--spring)}
#gwow.go .gw-stage{transform:none}
.gw-rays{position:absolute;inset:-140px;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--rc2) 45%,transparent) 0 7deg,transparent 7deg 20deg);-webkit-mask:radial-gradient(closest-side,#000,transparent);mask:radial-gradient(closest-side,#000,transparent);animation:spin360 18s linear infinite;opacity:0;transition:opacity .6s .3s}
#gwow.go .gw-rays{opacity:1}
.gw-ring{position:absolute;inset:20px;border-radius:50%;border:3px solid var(--rc2);opacity:0}
#gwow.go .gw-ring{animation:gwRing 1.1s .45s ease-out both}
@keyframes gwRing{0%{transform:scale(.4);opacity:1}100%{transform:scale(2.2);opacity:0}}
.gw-art{width:200px;height:200px;filter:drop-shadow(0 20px 40px rgba(0,0,0,.45))}
#gwow.go .gw-art{animation:gwPop .9s var(--spring)}
@keyframes gwPop{0%{transform:scale(1)}35%{transform:scale(1.25) rotate(-6deg)}100%{transform:scale(1)}}
.gw-t{display:flex;flex-direction:column;gap:4px;opacity:0;transform:translateY(16px);transition:all .6s .55s var(--spring)}
#gwow.go .gw-t{opacity:1;transform:none}
.gw-t b{font:800 30px var(--fd);text-shadow:0 6px 24px rgba(0,0,0,.35)}.gw-t span{font-weight:700;font-size:16px;opacity:.9;max-width:320px}
.gw-num{padding:5px 13px;border-radius:11px;background:rgba(255,255,255,.16);font:800 13px var(--fd);opacity:0;transition:opacity .5s .8s}
#gwow.go .gw-num{opacity:1}
.gw-ok,.gw-btns{opacity:0;transform:translateY(12px);transition:all .5s .9s var(--spring);width:min(320px,100%)}
#gwow.go .gw-ok,#gwow.go .gw-btns{opacity:1;transform:none}
.gw-btns{display:flex;flex-direction:column;gap:8px}.gw-btns .ghost{color:#fff;background:rgba(255,255,255,.12)}
.gw-p{position:absolute;width:9px;height:9px;margin:-4px;border-radius:3px;background:var(--c);pointer-events:none;animation:gwP 1.3s cubic-bezier(.15,.7,.3,1) both}
.gw-p.gem{width:22px;height:22px;margin:-11px;background:none}.gw-p.gem .gem{width:22px;height:22px}
@keyframes gwP{0%{transform:translate(0,0) rotate(0) scale(.4);opacity:1}100%{transform:translate(var(--dx),var(--dy)) rotate(var(--r)) scale(1);opacity:0}}
.gw-hi{display:flex;flex-direction:column;align-items:center;gap:10px;font-weight:700;font-size:16px;animation:gcIn .6s var(--spring) both}.gw-hi .av,.gw-hi .anonav{width:64px;height:64px;font-size:24px;box-shadow:0 0 0 3px rgba(255,255,255,.4)}
.gw-box{position:relative;width:210px;height:230px;display:flex;flex-direction:column;align-items:center;animation:gcIn .7s .15s var(--spring) both}
.gw-box .gbox{width:200px;height:200px;overflow:visible;animation:boxW 1.6s ease-in-out infinite}
@keyframes boxW{0%,70%,100%{transform:rotate(0)}75%{transform:rotate(-6deg)}80%{transform:rotate(6deg)}85%{transform:rotate(-4deg)}90%{transform:rotate(3deg)}}
.gw-tap{font-size:13px;font-weight:700;opacity:.75;animation:gOp 1.6s infinite}
.gbox .bx-lid{transform-box:fill-box;transform-origin:20% 100%;transition:transform .55s cubic-bezier(.5,-0.3,.6,1.4),opacity .5s .2s}
#gwow.opened .gbox{animation:none}
#gwow.opened .gbox .bx-lid{transform:translate(-30px,-90px) rotate(-38deg);opacity:0}
#gwow.opened .gw-box{animation:boxOut .6s .35s ease-in both}
@keyframes boxOut{to{transform:translateY(60px) scale(.6);opacity:0}}
#gwow.box .gw-stage{transform:scale(.2);opacity:0}
#gwow.box.go .gw-stage{transform:none;opacity:1;transition:transform .8s var(--spring),opacity .3s}
#gwow.box.go .gw-box,#gwow.box.go .gw-hi{display:none}
#gwow .hidden{display:none}
#gwow.out{opacity:0;transition:opacity .4s}
.ctoast{position:fixed;left:50%;top:calc(16px + env(safe-area-inset-top,0px));z-index:97;display:flex;align-items:center;gap:10px;padding:10px 18px 10px 12px;border-radius:20px;color:#fff;background:linear-gradient(120deg,#1d3fbf,#2f7bff 50%,#7c5cff);box-shadow:0 16px 40px rgba(20,60,180,.45);transform:translate(-50%,-140%);transition:transform .6s var(--spring);overflow:visible}
.ctoast.on{transform:translate(-50%,0)}
.ctoast>.gem{width:44px;height:44px}.ctoast span{display:flex;flex-direction:column;font-weight:700;font-size:12.5px;opacity:.95}.ctoast b{font:800 21px var(--fd)}
@media (min-width:820px){.gc-stage{margin:0 -18px 6px}}
img.gfa{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;pointer-events:none}
img.gem3d{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.st-gemw img.gem3d{width:180px;height:180px;margin:-15px;filter:drop-shadow(0 18px 30px rgba(10,20,90,.5))}
.st-gemw.spin img.gem3d{animation:gemSpin .9s var(--spring)}
.ctoast>img.gem3d{width:48px;height:48px}
.gt-art{width:84px;height:84px}
.gtile{padding:12px 6px 11px}
.gtile .ptag{background:linear-gradient(135deg,#2f7bff,#7c5cff);color:#fff;box-shadow:0 4px 12px rgba(47,123,255,.35);padding:4px 10px 4px 7px}
.gtile.r-legend .ptag{background:linear-gradient(135deg,#ffb52e,#ff6fb5);box-shadow:0 4px 12px rgba(255,140,60,.35)}
.gtile .ptag .gem{filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}
.gtile .gt-lim{top:0;left:auto;right:0;transform:none;border-radius:0 0 0 12px;padding:4px 9px 4px 10px;font-size:9.5px}
.gtile.r-legend .gt-glow{opacity:.45}
@media (hover:hover){.gtile:hover img.gfa{transform:scale(1.07)}}
.gtile img.gfa{transition:transform .35s var(--spring)}
.gp2-head{display:flex;flex-direction:column;align-items:center;text-align:center;margin:2px 4px 12px}
.gp2-av{position:relative;margin-bottom:10px}.gp2-av .av{width:76px;height:76px;font-size:28px;box-shadow:0 10px 30px var(--glow)}
.gp2-badge{position:absolute;right:-12px;bottom:-8px;width:40px;height:40px;filter:drop-shadow(0 4px 10px rgba(47,123,255,.45))}
.gp2-head h3{font:800 21px var(--fd)}
.gp2-head p{margin-top:6px;color:var(--sub);font-weight:600;font-size:13.5px;line-height:1.45;max-width:420px}
.gp2-more{color:var(--A);font-weight:800;display:inline}
.gp2-bar{display:flex;align-items:center;gap:8px;margin-bottom:12px;position:sticky;top:-10px;z-index:3;padding:8px 0;background:var(--pane)}
.gp2-tabs{display:flex;gap:4px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.gp2-tabs::-webkit-scrollbar{display:none}
.gp2-tabs button{flex:none;padding:7px 13px;border-radius:12px;font-weight:800;font-size:13px;color:var(--sub);transition:background .2s,color .2s}
.gp2-tabs button.on{background:rgba(var(--AG),.12);color:var(--A)}
[data-theme=dark] .gp2-tabs button.on{background:rgba(255,255,255,.1);color:#fff}
.gp2-bal{flex:none;display:flex;align-items:center;gap:4px;padding:6px 6px 6px 10px;border-radius:14px;background:var(--pane2);font:800 13.5px var(--fd)}
.gp2-bal .gem{width:17px;height:17px}.gp2-bal i{width:22px;height:22px;border-radius:8px;display:grid;place-items:center;font-style:normal;color:#fff;background:linear-gradient(140deg,#6cc6ff,#2f7bff);margin-left:2px}
.gfgrid.gp2{grid-template-columns:repeat(3,1fr)}
@media (min-width:600px){.gfgrid.gp2{grid-template-columns:repeat(4,1fr)}}
.gc-art{width:170px;height:170px}
.gm-art{width:120px;height:120px}
#gwow.gx{perspective:900px}
.gx-cv{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none}
.gx-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(47,123,255,.55),rgba(30,20,90,.75) 40%,rgba(4,6,18,.94) 72%);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);animation:fadeIn .45s both}
.gx-sky i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff;animation:twk 2.4s ease-in-out infinite}
.gx-in{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;pointer-events:none;z-index:4}
.gx-in>*{pointer-events:auto}
.gx-stage{position:relative;width:260px;height:260px;display:grid;place-items:center}
.gx-rays{position:absolute;inset:-170px;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--rc2) 50%,transparent) 0 6deg,transparent 6deg 18deg);-webkit-mask:radial-gradient(closest-side,#000 20%,transparent);mask:radial-gradient(closest-side,#000 20%,transparent);animation:spin360 20s linear infinite;opacity:0;transform:scale(.4);transition:opacity .8s,transform 1.2s var(--ease)}
.gx-glow{position:absolute;inset:10px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--rc2) 75%,#fff),color-mix(in srgb,var(--rc) 40%,transparent) 55%,transparent);opacity:0;transform:scale(.3);transition:opacity .6s,transform .9s var(--spring)}
.gx-art{position:relative;width:250px;height:250px;z-index:1;transform:translate(var(--fx,0),var(--fy,40px)) scale(var(--fs,.2)) rotateY(-540deg);opacity:0;transition:transform 1s cubic-bezier(.2,1.25,.35,1),opacity .3s;filter:drop-shadow(0 26px 40px rgba(0,0,0,.45))}
.gx-shadow{position:absolute;bottom:2px;left:50%;width:150px;height:22px;margin-left:-75px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.45),transparent);opacity:0;transition:opacity .6s .4s}
#gwow.s1 .gx-art{transform:none;opacity:1}
#gwow.s2 .gx-rays{opacity:1;transform:none}#gwow.s2 .gx-glow{opacity:.9;transform:scale(1)}#gwow.s2 .gx-shadow{opacity:1}
#gwow.s2 .gx-art{animation:gxBob 3.2s 1s ease-in-out infinite}
@keyframes gxBob{50%{transform:translateY(-10px)}}
.gx-t{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:4px}
.gx-t b{font:800 32px/1.1 var(--fd);color:#fff;text-shadow:0 6px 30px rgba(0,0,0,.4)}
.gx-ch{display:inline-block;opacity:0;transform:translateY(22px) scale(.6) rotate(-8deg);transition:all .55s var(--spring)}
#gwow.s2 .gx-ch{opacity:1;transform:none}
.gx-t span{font-weight:700;font-size:16px;color:rgba(255,255,255,.88);max-width:340px;opacity:0;transform:translateY(10px);transition:all .5s .45s}
#gwow.s2 .gx-t span{opacity:1;transform:none}
.gx-num{display:flex;align-items:center;gap:7px;padding:6px 14px;border-radius:13px;background:rgba(255,255,255,.14);backdrop-filter:blur(8px);font:800 13px var(--fd);color:#fff;opacity:0;transition:opacity .5s .7s}
.gx-num em{font-style:normal;font-size:10px;letter-spacing:.08em;padding:3px 7px;border-radius:7px;color:#5a3200;background:linear-gradient(90deg,#ffe27a,#ffb52e)}
#gwow.s2 .gx-num{opacity:1}
.gx-ok{width:min(320px,100%);margin-top:8px;color:#fff;background:linear-gradient(120deg,#2f7bff,#7c5cff 60%,#ff6fb5);box-shadow:0 14px 34px rgba(47,123,255,.45);opacity:0;transform:translateY(16px);transition:all .5s .9s var(--spring);position:relative;overflow:hidden}
.gx-ok::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.4) 50%,transparent 65%);transform:translateX(-100%);animation:shineX 2.6s ease-in-out infinite 1.6s}
#gwow.s2 .gx-ok{opacity:1;transform:none}
.gx-btns{display:flex;flex-direction:column;align-items:center;gap:8px;width:min(320px,100%)}.gx-btns .gx-ok{width:100%}
.gx-ghost{width:100%;color:#fff;background:rgba(255,255,255,.12);opacity:0;transition:opacity .5s 1.1s}#gwow.s2 .gx-ghost{opacity:1}
.gx-to{display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:20px;background:rgba(255,255,255,.12);backdrop-filter:blur(10px);color:#fff;font-weight:800;text-align:left;position:relative;opacity:0;transform:translateY(12px);transition:all .5s 1s var(--spring)}
.gx-to small{display:block;font-size:11px;opacity:.7;font-weight:700}.gx-to .av{width:44px;height:44px;font-size:17px}
#gwow.s2 .gx-to{opacity:1;transform:none}
#gwow.s4 .gx-to .av{animation:gxPop .6s var(--spring)}@keyframes gxPop{40%{transform:scale(1.35)}}
.gx-plus{position:absolute;left:28px;top:-6px;font-style:normal;font:800 13px var(--fd);padding:2px 7px;border-radius:9px;background:linear-gradient(135deg,#ff6fb5,#7c5cff);opacity:0;transform:scale(.3)}
#gwow.s4 .gx-plus{animation:gxPlus 1.4s var(--spring) both}@keyframes gxPlus{0%{opacity:0;transform:scale(.3)}25%{opacity:1;transform:scale(1.1) translateY(-6px)}80%{opacity:1;transform:translateY(-14px)}100%{opacity:0;transform:translateY(-24px)}}
.gx-fly{position:fixed;z-index:6;margin:0;transform-origin:center;translate:-50% -50%;transition:transform .7s cubic-bezier(.5,0,.7,.4),opacity .7s;pointer-events:none;filter:drop-shadow(0 0 20px rgba(191,232,255,.9))}
#gwow.box .gx-stage,#gwow.box .gx-t,#gwow.box .gx-num,#gwow.box .gx-btns{display:none}
#gwow.box.rev .gx-stage,#gwow.box.rev .gx-t,#gwow.box.rev .gx-num{display:grid}#gwow.box.rev .gx-t{display:flex}#gwow.box.rev .gx-num{display:flex}#gwow.box.rev .gx-btns{display:flex}
#gwow.box.rev .gx-box,#gwow.box.rev .gx-hi{display:none}
.gx-hi{display:flex;flex-direction:column;align-items:center;gap:12px;color:#fff;font-size:17px;font-weight:600;animation:gcIn .6s var(--spring) both}.gx-hi b{font-weight:800}
.gx-hi .av,.gx-hi .anonav{width:70px;height:70px;font-size:26px;box-shadow:0 0 0 3px rgba(255,255,255,.35),0 12px 30px rgba(0,0,0,.35)}
.gx-box{position:relative;width:280px;height:300px;display:flex;flex-direction:column;align-items:center;animation:gxBoxIn .9s .15s cubic-bezier(.2,1.3,.35,1) both}
@keyframes gxBoxIn{from{transform:translateY(60px) scale(.3) rotate(-12deg);opacity:0}}
.gx-box img{width:260px;height:260px;filter:drop-shadow(0 24px 34px rgba(0,0,0,.45));animation:gxBob 2.4s ease-in-out infinite}
.gx-boxglow{position:absolute;top:30px;left:50%;width:240px;height:240px;margin-left:-120px;border-radius:50%;background:radial-gradient(closest-side,rgba(143,211,255,.55),rgba(124,92,255,.25) 60%,transparent);animation:gPulse 2s ease-in-out infinite}
.gx-tap{font-size:13.5px;font-weight:700;color:rgba(255,255,255,.75);animation:gOp 1.6s infinite}
#gwow.opened .gx-tap{opacity:0;animation:none}
#gwow.opened .gx-box img{animation:gxShake .35s linear}
@keyframes gxShake{20%{transform:rotate(-6deg) scale(1.04)}40%{transform:rotate(6deg) scale(1.06)}60%{transform:rotate(-4deg)}80%{transform:rotate(3deg)}}
#gwow.opened .gx-boxglow{animation:none;transform:scale(1.6);opacity:1;transition:transform .5s,opacity .5s}
#gwow.flash::after{content:"";position:absolute;inset:0;z-index:7;background:radial-gradient(circle at 50% 50%,#fff,rgba(255,255,255,.6) 30%,transparent 70%);animation:gxFlash .7s ease-out both;pointer-events:none}
@keyframes gxFlash{0%{opacity:0}20%{opacity:1}100%{opacity:0}}
.gx-stage.rise .gx-art{--fy:120px;--fs:.15}
.gx-beam{position:absolute;left:50%;bottom:-40px;width:180px;height:620px;margin-left:-90px;background:linear-gradient(0deg,rgba(255,255,255,.55),rgba(191,232,255,.25) 40%,transparent);filter:blur(10px);opacity:0;transform:scaleX(.2);transform-origin:bottom}
#gwow.s2 .gx-beam{animation:gxBeam 1.6s ease-out both}@keyframes gxBeam{0%{opacity:0;transform:scaleX(.1)}20%{opacity:1;transform:scaleX(1)}100%{opacity:0;transform:scaleX(.6)}}
#gwow.out{opacity:0;transform:scale(1.04);transition:opacity .45s,transform .45s}
@media (max-width:420px){.gx-stage{width:220px;height:220px}.gx-art{width:210px;height:210px}.gx-t b{font-size:27px}}
@media (prefers-reduced-motion:reduce){.gx-art,.gx-rays,.gx-ch{transition:none!important;animation:none!important}}
[data-theme] #gwow .gx-ok,[data-theme] .bigbtn.gc-go:not(.off){background:linear-gradient(120deg,#2f7bff,#7c5cff 60%,#ff6fb5);color:#fff}
[data-theme] #gwow .gx-ghost{background:rgba(255,255,255,.12);color:#fff}
[data-theme=dark] .bigbtn.gc-go.off{background:var(--pane2);color:#fff}