:root{--bg:#f4f5f7;--sf:#fff;--tx:#14171f;--mu:#6b7280;--ac:#f26a1b;--ac2:#d4560f;--bd:#e8eaee;--r:16px;--rp:99px;--bw:1px;--sh:0 1px 2px rgba(16,24,40,.04),0 6px 18px rgba(16,24,40,.05);--ins:none;--dk:#14171f}
[data-theme=ocean]{--ac:#0a7ea4;--ac2:#08647f}[data-theme=emerald]{--ac:#0f9d6b;--ac2:#0b7a52}[data-theme=violet]{--ac:#6d4aff;--ac2:#5636d6}
[data-theme=midnight]{--bg:#0e1116;--sf:#171b22;--tx:#eef1f6;--mu:#98a2b3;--bd:#262c36;--sh:none}
[data-theme=minimal]{--bg:#fff;--sf:#fff;--tx:#111;--mu:#777;--ac:#111;--ac2:#000;--bd:#e2e2e2;--r:4px;--rp:4px;--sh:none;--dk:#111}
[data-theme=skeuo]{--bg:#e6e9ef;--sf:#e6e9ef;--bd:transparent;--r:18px;--sh:8px 8px 16px #c3c8d1,-8px -8px 16px #fff;--ins:inset 3px 3px 6px #c3c8d1,inset -3px -3px 6px #fff}
[data-theme=brutal]{--bg:#fff3c4;--sf:#fff;--tx:#000;--mu:#444;--ac:#ff5a1f;--ac2:#e04200;--bd:#000;--r:0px;--rp:0px;--bw:2px;--sh:5px 5px 0 #000;--dk:#000}
[data-theme=glass]{--bg:rgba(255,255,255,.45);--sf:rgba(255,255,255,.55);--bd:rgba(255,255,255,.75);--sh:0 8px 30px rgba(31,38,135,.12);--pg:linear-gradient(135deg,#ffd9c2,#cfe3ff 55%,#e3d4ff)}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--pg,var(--bg));background-attachment:fixed;color:var(--tx);padding-bottom:74px}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.ic{width:20px;height:20px;display:block}.mu{color:var(--mu)}[hidden]{display:none!important}
[data-theme=glass] :is(.card,.panel,.hd,.bn,.md,.row,.blk,.ib,.pill,.ch){backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.hd{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:10px 16px;background:var(--sf);border-bottom:var(--bw) solid var(--bd)}
.lg{display:flex;align-items:center;gap:10px;margin-right:auto}.lm{width:40px;height:40px;border-radius:12px;background:var(--ac);display:grid;place-items:center;color:#fff}.lg b{display:block;font-size:19px;line-height:1.1;letter-spacing:-.3px}.lg b em{color:var(--ac);font-style:normal}.lg small{display:block;font-size:11px;color:var(--mu)}
.dn{display:none;gap:4px}.dn a{padding:8px 14px;border-radius:calc(var(--r)*.6);color:var(--mu);font-weight:600}.dn a.on,.dn a:hover{color:var(--ac);background:color-mix(in srgb,var(--ac) 10%,transparent)}
.hr{display:flex;align-items:center;gap:8px}.ib{position:relative;width:40px;height:40px;border:0;background:var(--bg);border-radius:50%;display:grid;place-items:center;cursor:pointer;box-shadow:var(--ins)}.ib i{position:absolute;top:-2px;right:-2px;min-width:17px;height:17px;border-radius:9px;background:var(--ac);color:#fff;font:700 10px/17px system-ui;text-align:center;padding:0 4px}
.pill{border:var(--bw) solid var(--bd);background:var(--sf);border-radius:var(--rp);height:38px;padding:0 14px;font-weight:700;cursor:pointer}#cu,#ha{display:none}
.bn{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;background:var(--sf);border-top:var(--bw) solid var(--bd);padding-bottom:env(safe-area-inset-bottom)}.bn a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 0 8px;font-size:11px;font-weight:600;color:var(--mu)}.bn a.on{color:var(--ac)}.bn .ic{width:22px;height:22px}
.wrap{max-width:1180px;margin:0 auto;padding:16px}h2{font-size:22px;margin:22px 0 12px;letter-spacing:-.3px}h3{font-size:19px;margin-bottom:6px}
.bt{border:var(--bw) solid transparent;background:var(--ac);color:#fff;font-weight:700;padding:11px 20px;border-radius:calc(var(--r)*.7);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s}.bt:hover{background:var(--ac2)}.bt.ol{background:transparent;color:var(--tx);border-color:var(--bd)}.bt.ol:hover{border-color:var(--ac);color:var(--ac)}.bt.big{width:100%;padding:13px}.bt.sm{padding:7px 12px;font-size:13px}.bt:disabled{opacity:.55;cursor:default}.bt.dg{background:#dc2626}
[data-theme=skeuo] .bt{background:linear-gradient(145deg,#f68a45,#e25d10);box-shadow:5px 5px 10px #c3c8d1,-5px -5px 10px #fff}[data-theme=skeuo] .bt.ol{background:var(--sf);color:var(--tx)}
[data-theme=brutal] .bt{border:2px solid #000;box-shadow:3px 3px 0 #000;color:#000}[data-theme=brutal] .bt.dg{color:#fff}[data-theme=minimal] .bt{color:#fff}
.hello{display:flex;gap:12px;align-items:center;margin:4px 0 14px}.hello b{font-size:17px;display:block}
.bnr{position:relative;overflow:hidden;background:var(--dk);color:#fff;border-radius:calc(var(--r)*1.2);padding:26px 22px;min-height:210px;border:var(--bw) solid var(--bd)}.bnr:after{content:"";position:absolute;right:-70px;top:-50px;width:270px;height:270px;border-radius:50%;background:var(--ac);opacity:.92}.bt1{position:relative;z-index:2;max-width:380px}.eb{font:700 11px system-ui;letter-spacing:1.6px;text-transform:uppercase;opacity:.85;margin-bottom:8px}.bnr h1{font-size:clamp(28px,6vw,42px);line-height:1.08;letter-spacing:-1px}.bnr h1 em{color:var(--ac);font-style:normal}.bnr p{margin:10px 0 16px;font-size:14px;opacity:.85}
[data-theme=brutal] .bnr h1 em{color:#ffb199}.mk{display:none}
.chs{display:flex;gap:8px;overflow-x:auto;padding:14px 0 4px;scrollbar-width:none}.chs::-webkit-scrollbar{display:none}.ch{flex:none;display:flex;align-items:center;gap:7px;padding:10px 16px;border-radius:var(--rp);background:var(--sf);border:var(--bw) solid var(--bd);font-weight:600;font-size:13.5px;cursor:pointer;box-shadow:var(--ins)}.ch .ic{width:17px;height:17px}.ch.on{background:var(--ac);color:#fff;border-color:var(--ac)}
.sh{display:flex;align-items:center;gap:8px;margin:24px 0 12px}.sh h3{margin:0;font-size:18px}.sh .ic{color:var(--ac)}.sh>a{margin-left:auto;font-size:13px;color:var(--mu)}.tmr{display:flex;gap:4px;align-items:center;margin-left:auto;font-weight:800}.tmr span{background:color-mix(in srgb,var(--ac) 14%,var(--sf));color:var(--ac);padding:6px 8px;border-radius:8px;min-width:34px;text-align:center}.tmr+a{margin-left:12px!important}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.dl2{display:grid;grid-template-columns:1fr;gap:14px}.c2{display:grid;gap:18px}.m3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.card,.blk,.panel,.row{background:var(--sf);border:var(--bw) solid var(--bd);box-shadow:var(--sh)}.card{border-radius:var(--r);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:border-color .15s}.card:hover{border-color:var(--ac)}.blk{border-radius:var(--r);padding:14px}.blk .sh{margin-top:0}
.im{position:relative;aspect-ratio:16/10;background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 22%,var(--sf)),color-mix(in srgb,var(--ac) 6%,var(--sf)));display:grid;place-items:center;font:800 40px system-ui;color:var(--ac);overflow:hidden}.im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.off{position:absolute;top:8px;left:8px;background:var(--ac);color:#fff;font:700 12px system-ui;padding:3px 9px;border-radius:var(--rp)}
.bd{padding:12px;display:flex;flex-direction:column;gap:6px;flex:1}.bd h4{font-size:15px;line-height:1.3}.tg2{align-self:flex-start;background:var(--bg);color:var(--mu);font:600 11.5px system-ui;padding:3px 10px;border-radius:var(--rp)}
.rt{font-size:12.5px;color:var(--mu);display:flex;align-items:center;gap:2px}.rt svg{width:13px;height:13px;fill:var(--ac)}.rt span{margin-left:5px}
.pr{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;margin-top:auto}.pr b{font-size:17px;color:var(--ac)}.pr s{color:var(--mu);font-size:13px}.act{display:flex;gap:8px;margin-top:6px}.act .bt{flex:1}
.row{display:flex;gap:12px;align-items:center;padding:10px;border-radius:calc(var(--r)*.8);margin-bottom:10px;cursor:pointer}.row:last-child{margin-bottom:0}.th2{width:64px;height:64px;border-radius:12px;flex:none;aspect-ratio:1;font-size:24px}.row .tx{flex:1;min-width:0}.row h4{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row small{font-size:12px}.bdg{background:var(--ac);color:#fff;font:700 12px system-ui;padding:4px 9px;border-radius:var(--rp)}
.mini{cursor:pointer;font-size:12px;display:flex;flex-direction:column;gap:2px}.mini .im{aspect-ratio:1.25;border-radius:12px;font-size:24px;margin-bottom:4px}.mini b{font-size:12.5px;line-height:1.25}.mini .pr b{font-size:13px}
.pm{background:var(--dk);color:#fff;border-radius:var(--r);padding:20px;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:160px;border:var(--bw) solid var(--bd)}.pm:after{content:"";position:absolute;right:-40px;bottom:-60px;width:190px;height:190px;border-radius:50%;background:var(--ac);opacity:.85}.pm>*{position:relative;z-index:1}.pm b{font-size:18px}.pm p{font-size:13px;opacity:.85;max-width:260px}.pm .bt{align-self:flex-start}
.lbm{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.lbi{text-align:center;font-size:12px;position:relative}.lbi .av{margin:0 auto 6px}.lbi b{display:block;font-size:13px}.lbi em{position:absolute;top:-4px;left:calc(50% - 32px);width:20px;height:20px;border-radius:50%;background:var(--ac);color:#fff;font:700 11px/20px system-ui;font-style:normal}
.panel{border-radius:var(--r);padding:16px;margin-bottom:14px}.bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.sbox{position:relative}.sbox .ic{position:absolute;left:13px;top:12px;color:var(--mu)}.sbox input{padding-left:42px;border-radius:var(--rp)}
input,select,textarea{width:100%;background:var(--sf);border:var(--bw) solid var(--bd);border-radius:calc(var(--r)*.7);padding:10px 12px;outline:0;box-shadow:var(--ins)}input:focus,select:focus,textarea:focus{border-color:var(--ac)}input[type=checkbox]{width:auto}
.ov{position:fixed;inset:0;z-index:50;background:rgba(10,12,18,.55);display:flex;align-items:flex-end;justify-content:center;overflow:auto}.md{position:relative;background:var(--sf);color:var(--tx);width:100%;max-width:480px;border-radius:20px 20px 0 0;padding:22px 18px calc(22px + env(safe-area-inset-bottom));max-height:92vh;overflow:auto;border:var(--bw) solid var(--bd)}.md.c{text-align:center}
.mx{position:absolute;top:12px;right:12px;width:34px;height:34px;border:0;background:var(--bg);border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--tx)}
.opt{display:block;border:var(--bw) solid var(--bd);border-radius:calc(var(--r)*.7);padding:11px 12px;margin:8px 0;cursor:pointer}.opt.on{border-color:var(--ac);background:color-mix(in srgb,var(--ac) 8%,transparent)}.opt small{display:block;color:var(--mu)}
.sm2{display:flex;justify-content:space-between;padding:4px 0}.tot{font-weight:800;font-size:17px;border-top:1px solid var(--bd);margin-top:6px;padding-top:8px}
.pin{font:800 36px/1 ui-monospace,Menlo,monospace;letter-spacing:8px;margin:14px 0;color:var(--ac)}ul.ft{list-style:none;padding:0;margin:14px 0;text-align:left;display:grid;gap:8px}ul.ft li{padding-left:22px;position:relative}ul.ft li:before{content:"";position:absolute;left:3px;top:7px;width:8px;height:8px;border-radius:50%;background:var(--ac)}
.wh{position:relative;width:min(300px,78vw);aspect-ratio:1;margin:16px auto}.wh canvas{width:100%;height:100%;border-radius:50%;border:5px solid var(--ac);transition:transform 5s cubic-bezier(.15,.7,.1,1)}.pt{position:absolute;top:-12px;left:50%;margin-left:-11px;border:11px solid transparent;border-top:20px solid var(--tx);z-index:2}
.spin{position:fixed;right:14px;bottom:86px;z-index:19;box-shadow:0 6px 18px rgba(0,0,0,.2)}
#tw{position:fixed;left:50%;transform:translateX(-50%);bottom:86px;z-index:90;display:grid;gap:8px;width:max-content;max-width:92vw}.ts{background:var(--tx);color:var(--sf);padding:10px 16px;border-radius:calc(var(--r)*.7);font-weight:600;font-size:14px}
.chip{display:inline-block;padding:2px 10px;border-radius:var(--rp);font:700 12px system-ui;background:var(--bg);text-transform:capitalize}.chip.accepted{background:#dcfce7;color:#166534}.chip.pending{background:#fef3c7;color:#92400e}.chip.rejected,.chip.spam{background:#fee2e2;color:#991b1b}
.ord,.oc{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.oc .tx{flex:1;min-width:140px}.oc .sd{display:flex;flex-direction:column;gap:8px;align-items:flex-end}
.av{width:46px;height:46px;border-radius:50%;background:var(--ac);color:#fff;display:grid;place-items:center;font-weight:800;overflow:hidden;flex:none}.av img{width:100%;height:100%;object-fit:cover}
.cm{height:320px;overflow:auto;display:flex;flex-direction:column;gap:6px;padding:4px}.m{max-width:80%;padding:8px 12px;border-radius:14px;background:var(--bg);align-self:flex-start;word-break:break-word}.m.u{background:var(--ac);color:#fff;align-self:flex-end}
.rk{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:var(--bw) solid var(--bd)}.rk:last-child{border:0}.rk .n{width:30px;font-weight:800;color:var(--mu);text-align:center}.rk .nm{flex:1;font-weight:600}
.hof{text-align:center;padding:22px 8px 6px;border-radius:var(--r);background:linear-gradient(180deg,#fbe8be,transparent)}.hof .tr0{width:64px;height:64px;margin:0 auto 6px;border-radius:50%;background:linear-gradient(145deg,#ffd75e,#d9930d);color:#fff;display:grid;place-items:center}.hof .tr0 .ic{width:32px;height:32px}.hof h1{font-size:34px;letter-spacing:-1px}.hof h1 em{color:#c98a0a;font-style:normal}
.pod{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:end;gap:6px;margin:20px 0 8px}.pd{display:flex;flex-direction:column;align-items:center;text-align:center;font-size:13px;min-width:0}.pd .rg{width:78px;height:78px;border-radius:50%;padding:4px;background:linear-gradient(145deg,var(--c1),var(--c2));position:relative;z-index:1}.pd.g .rg{width:100px;height:100px}.pd .rg .av{width:100%;height:100%;border:3px solid #fff;font-size:26px}.pd .cr{color:#d9930d;margin-bottom:-6px;position:relative;z-index:2}
.pd .ped{margin-top:-16px;width:100%;border-radius:50% 50% 10px 10px/30% 30% 10px 10px;background:linear-gradient(180deg,var(--c1),var(--c2));display:grid;place-items:center;color:#fff;font:800 26px system-ui;padding-top:12px}.pd.g .ped{height:78px}.pd.s .ped{height:60px}.pd.b .ped{height:50px}.pd b{display:block;margin-top:8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pd .sp{font-weight:700;margin-top:4px}
.g{--c1:#ffd75e;--c2:#d9930d}.s{--c1:#e7eaee;--c2:#9aa3ad}.b{--c1:#eab08a;--c2:#a8622f}
.tr{display:inline-block;padding:3px 11px;border-radius:var(--rp);font:600 12px system-ui;margin-top:4px}.tr.g{background:#fbe3a1;color:#7a5200}.tr.s{background:#e9ecf0;color:#4b5563}.tr.b{background:#f6d9c4;color:#8a4a1c}.tr.m{background:var(--bg);color:var(--mu)}
.lr{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:var(--bw) solid var(--bd)}.lr:last-child{border:0}.lr .n{width:26px;text-align:center;font-weight:800;color:var(--mu)}.lr .nm{flex:1;min-width:0;font-weight:700}.lr .rt2{text-align:right;font-weight:700;font-size:14px}.lr .rt2 small{display:block;color:var(--mu);font-weight:500}
.me{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:14px;border-radius:var(--r);padding:16px;background:linear-gradient(90deg,#fff3d6,var(--sf));border:var(--bw) solid #efd290;color:#14171f}.me .tx{flex:1;min-width:180px}.pg{height:8px;border-radius:99px;background:rgba(0,0,0,.1);margin:8px 0 4px;overflow:hidden}.pg i{display:block;height:100%;background:var(--ac);border-radius:99px}.me .bt{background:#6b3e0a}
@media(min-width:620px){.dl2{grid-template-columns:1fr 1fr}.mk{display:block;position:absolute;right:34px;top:34px;width:270px;height:156px;border-radius:12px;background:#fff;box-shadow:0 20px 40px rgba(0,0,0,.35);z-index:1}.mk:before{content:"";position:absolute;inset:10px 10px auto;height:10px;border-radius:4px;background:#e5e7eb}.mk:after{content:"";position:absolute;inset:34px 10px 10px;border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 25%,#fff),#f3f4f6)}.mk i{position:absolute;width:42px;height:42px;border-radius:12px;z-index:2}.mk i:nth-child(1){left:-22px;top:22px;background:#8b5cf6}.mk i:nth-child(2){right:-18px;top:-16px;background:#2563eb}.mk i:nth-child(3){left:-10px;bottom:-16px;background:#14b8a6}}
@media(min-width:900px){body{padding-bottom:0}.bn,.mo{display:none!important}.dn{display:flex}#cu{display:block}#ha{display:grid}.hd{padding:12px 32px}.grid{grid-template-columns:repeat(4,1fr);gap:18px}.c2{grid-template-columns:1fr 1fr}.ov{align-items:center;padding:20px}.md{border-radius:20px;padding:26px}.spin{bottom:24px}#tw{bottom:24px}.bnr{padding:44px 40px;min-height:270px}.bnr:after{width:340px;height:340px;right:-60px}}