@font-face{font-family:Gilroy;src:url(/static/fonts/Gilroy-Regular.woff2) format("woff2"),url(/static/fonts/Gilroy-Regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Gilroy;src:url(/static/fonts/Gilroy-Medium.woff2) format("woff2"),url(/static/fonts/Gilroy-Medium.ttf) format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:Gilroy;src:url(/static/fonts/Gilroy-SemiBold.woff2) format("woff2"),url(/static/fonts/Gilroy-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:Gilroy;src:url(/static/fonts/Gilroy-Bold.woff2) format("woff2"),url(/static/fonts/Gilroy-Bold.ttf) format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:MontserratLocal;src:url(/static/fonts/Montserrat.ttf) format("truetype");font-weight:100 900;font-display:swap}
@font-face{font-family:UnboundedLocal;src:url(/static/fonts/Unbounded.ttf) format("truetype");font-weight:200 900;font-display:swap}
:root{--bg:#000;--card:#0a0a0b;--bd:#1f1f23;--tx:#f5f5f6;--mut:#85858f;--acc:#0a57f5;--ok:#4ade80;--bad:#ff5470;--warn:#fbbf24;--f:UnboundedLocal,Unbounded,system-ui,sans-serif;--b:Gilroy,MontserratLocal,Montserrat,system-ui,sans-serif;--ease:cubic-bezier(.22,.8,.3,1)}
*{box-sizing:border-box;margin:0;-webkit-tap-highlight-color:transparent}
html,body{background:var(--bg);color:var(--tx);font:500 13px/1.45 var(--b);min-height:100%}
h1,h2,h3,.price,.bal,.ava{font-family:var(--f)}
button,input{font:inherit;color:inherit;border:0;background:none;outline:0}
#bg{position:fixed;inset:0;overflow:hidden;z-index:0;pointer-events:none}
#bg i{position:absolute;width:320px;height:320px;border-radius:50%;background:var(--acc);filter:blur(110px);opacity:.16;animation:fl 22s ease-in-out infinite alternate}
#bg i:first-child{top:-120px;right:-120px}#bg i:last-child{bottom:80px;left:-160px;background:#7a0b18;animation-delay:-9s}
@keyframes fl{to{transform:translate(-40px,60px)}}
#view{position:relative;z-index:1;padding:16px 14px calc(96px + env(safe-area-inset-bottom))}
#view.in{animation:vin .32s var(--ease)}
@keyframes vin{from{opacity:0;transform:translateY(8px)}}
.ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.seg{display:flex;gap:6px;flex-wrap:wrap;padding:5px;border:1px solid var(--bd);background:#0a0a0bcc;border-radius:18px;margin-bottom:12px;scrollbar-width:none}
.seg button{font-size:13px;font-weight:600}
.seg.g2 button{flex:1 1 calc(50% - 6px);justify-content:center}
.seg.loc button{flex:1;justify-content:center;padding:9px 0}
.fl{width:26px;height:19px;border-radius:4px;display:block;box-shadow:0 0 0 1px #ffffff26,0 2px 6px #0008}
.nm{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.eta{display:inline-flex;align-items:center;gap:4px;font:600 10px var(--b);font-style:normal;padding:3px 8px;border-radius:99px;background:#fbbf2414;border:1px solid #fbbf2438;color:var(--warn)}
.eta .ic{width:11px;height:11px}
.ic.f{fill:#fbbf24;stroke:#fbbf24}
.static .card{animation:none}
.seg button{display:flex;gap:7px;align-items:center;padding:10px 12px;border-radius:13px;color:var(--mut);white-space:nowrap;font-weight:500;transition:.25s var(--ease)}
.seg button.on{background:#17171a;color:var(--tx);box-shadow:inset 0 0 0 1px #2a2a30}
.lbl{color:var(--mut);font-size:11px;font-weight:500;margin:4px 4px 7px;letter-spacing:.04em}
.card{position:relative;border:1px solid var(--bd);border-radius:20px;padding:18px;margin-bottom:12px;background:radial-gradient(120% 80% at 100% 110%,var(--g,#8a0f1f55),transparent 62%),var(--card);animation:rise .4s var(--ease) both;animation-delay:calc(var(--i,0)*45ms)}
.card.ok{--g:#14803a66}.card.wait{--g:#9a6a0a55}
@keyframes rise{from{opacity:0;transform:translateY(10px)}}
.card h2{font-size:17px;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:8px}
.card h2 small{font-size:11px;color:var(--mut);font-weight:600}
.price{margin:10px 0 14px;font-size:14px;font-weight:600;color:#c9c9cf}
.row{display:flex;gap:11px;align-items:flex-start;margin-bottom:12px;color:var(--mut)}
.row .ic{margin-top:2px;opacity:.8}.row b{display:block;color:var(--tx);font-weight:700;margin-bottom:1px}
.row.inl{align-items:center;margin-bottom:10px}.row.inl b{display:inline;margin-right:4px}
.g{color:var(--ok)}.r{color:var(--bad)}.y{color:var(--warn)}
.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border-radius:14px;background:#ffffff0d;border:1px solid #ffffff14;font-weight:500;transition:transform .15s var(--ease),background .25s}
.btn:active{transform:scale(.97)}.btn.dis{opacity:.45;pointer-events:none}
.btn.w{background:#fff;color:#000;border-color:#fff;font-weight:600}.btn.p{background:var(--acc);border-color:var(--acc)}
.btns{display:flex;gap:8px;flex-wrap:wrap}.btns .btn{width:auto;flex:1;padding:12px 10px;font-size:11px}
.empty{text-align:center;color:var(--mut);padding:60px 20px;animation:rise .4s both}
.empty .ic{width:30px;height:30px;margin-bottom:12px}
h1{font-size:20px;font-weight:700;margin:2px 4px 4px}.sub{color:var(--mut);margin:0 4px 14px}
.back{display:inline-flex;align-items:center;gap:6px;color:var(--mut);margin-bottom:12px;padding:6px 4px}
.chk{display:flex;gap:10px;align-items:center;margin:4px 0 16px;cursor:pointer}
.chk i{width:20px;height:20px;border:1px solid #333;border-radius:6px;display:grid;place-items:center;transition:.2s}
.chk.on i{background:var(--acc);border-color:var(--acc)}.chk i .ic{width:12px;height:12px;stroke:#fff;opacity:0;transform:scale(.5);transition:.2s var(--ease)}.chk.on i .ic{opacity:1;transform:none}
.bal{font-size:28px;font-weight:700;margin:6px 0 16px}
.ava{width:46px;height:46px;border-radius:15px;background:var(--acc);display:grid;place-items:center;font-weight:700;font-size:18px}
.who{display:flex;gap:13px;align-items:center;margin-bottom:16px}.who b{display:block;font-size:14px}.who span{color:var(--mut)}
.pillsw{display:flex;background:#111;border-radius:11px;padding:3px}.pillsw button{padding:7px 12px;border-radius:9px;color:var(--mut);transition:.25s}.pillsw .on{background:#26262c;color:#fff}
.spread{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:var(--mut)}.spread b{color:var(--tx);font-weight:600}
#nav{position:fixed;z-index:5;left:14px;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));display:flex;padding:5px;border-radius:22px;background:#0c0c0e;box-shadow:0 0 0 14px #000a;border:1px solid var(--bd);backdrop-filter:blur(14px)}
#nav button{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 0;font-size:11px;font-weight:600;color:var(--mut);transition:color .3s}
#nav button.on{color:#fff}
.pill{position:absolute;top:5px;bottom:5px;left:5px;width:calc((100% - 10px)/3);border-radius:17px;background:#1a1a1e;box-shadow:inset 0 0 0 1px #2a2a30;transition:transform .38s var(--ease)}
#sbg{position:fixed;inset:0;z-index:8;background:#000a;opacity:0;pointer-events:none;transition:opacity .3s}
#sheet{position:fixed;z-index:9;left:0;right:0;bottom:0;padding:22px 16px calc(22px + env(safe-area-inset-bottom));background:#0d0d0f;border:1px solid var(--bd);border-bottom:0;border-radius:26px 26px 0 0;transform:translateY(105%);transition:transform .38s var(--ease);max-height:85vh;overflow:auto}
.open #sbg{opacity:1;pointer-events:auto}.open #sheet{transform:none}
#sheet h3{font-size:16px;margin-bottom:4px}#sheet .note{color:var(--mut);margin:6px 0 14px;font-size:12px}
.pm{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--bd);border-radius:15px;margin-bottom:8px;background:#ffffff08;transition:transform .15s var(--ease),border-color .25s}
.pm:active{transform:scale(.98);border-color:#333}.pm b{font-weight:600}.pm span{margin-left:auto;color:var(--mut);font-size:12px}
input.in{width:100%;padding:14px;border-radius:13px;border:1px solid var(--bd);background:#ffffff08;margin:6px 0 10px;transition:border-color .25s}input.in:focus{border-color:var(--acc)}
.chips{display:flex;gap:6px;margin-bottom:12px}.chips button{flex:1;padding:9px 0;border-radius:11px;background:#ffffff0d;color:var(--mut)}
.sec{display:flex;align-items:center;gap:8px;padding:13px;border-radius:13px;background:#ffffff08;margin-bottom:8px}.sec b{margin-left:auto;font-weight:500;word-break:break-all;text-align:right}.sec button{color:var(--mut);padding:2px}
#toast{position:fixed;z-index:20;left:50%;top:14px;max-width:88%;padding:12px 16px;border-radius:14px;background:#1c1c20;border:1px solid #2c2c32;transform:translate(-50%,-140%);transition:transform .4s var(--ease);text-align:center;font-size:12px}
#toast.show{transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}