:root{--up-panel:#fff;--up-panel2:#f5f6fa;--up-bd:#e6e8ee;--up-txt:#0f172a;--up-muted:#5b6577;--up-row:#fff;--up-row-bd:#e6e8ee;--up-green:#16a34a;--up-green-soft:#dcfce7;--up-green-ink:#15803d;--up-violet:#6221ff;--up-violet2:#9700cd}.dark{--up-panel:#141a2b;--up-panel2:#0f1420;--up-bd:hsla(0,0%,100%,.09);--up-txt:#e8edf5;--up-muted:#9aa3b6;--up-row:#0f1420;--up-row-bd:hsla(0,0%,100%,.08);--up-green:#22c55e;--up-green-soft:rgba(34,197,94,.14);--up-green-ink:#4ade80;--up-violet:#9c7bff;--up-violet2:#c24bff}.up-card{--acc:#94a3b8;--glow:none;position:relative;width:100%;max-width:600px;background:var(--up-panel);border:1px solid var(--up-bd);border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.5);color:var(--up-txt)}.up-mascot{position:absolute;top:-58px;left:-26px;width:158px;height:auto;z-index:5;pointer-events:none;filter:drop-shadow(0 14px 26px rgba(151,0,205,.5));animation:up-mascotIn .75s cubic-bezier(.34,1.56,.64,1) both,up-mascotFloat 3.8s ease-in-out 1.1s infinite}@keyframes up-mascotIn{0%{opacity:0;transform:translateY(46px) scale(.5) rotate(-6deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes up-mascotFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(-1.5deg)}}@media (prefers-reduced-motion:reduce){.up-mascot{animation:up-mascotIn .01s both}}.up-close{position:absolute;top:16px;right:16px;background:rgba(0,0,0,.25);border:none;cursor:pointer;color:#fff;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:.15s;z-index:6}.up-close:hover{background:rgba(0,0,0,.45)}.up-close svg{width:22px;height:22px}.up-hero{position:relative;padding:34px 24px 28px;text-align:center;overflow:hidden;border-radius:22px 22px 0 0;background:radial-gradient(120% 130% at 50% 0,color-mix(in srgb,var(--acc) 22%,var(--up-panel)) 0,var(--up-panel) 72%)}.up-rays{position:absolute;top:-40%;left:50%;width:150%;height:170%;transform:translateX(-50%);pointer-events:none;background:conic-gradient(from 0deg at 50% 40%,transparent 0deg,hsla(0,0%,100%,.1) 8deg,transparent 16deg,hsla(0,0%,100%,.1) 24deg,transparent 32deg,hsla(0,0%,100%,.1) 40deg,transparent 48deg);opacity:.9;animation:up-spin 22s linear infinite}.dark .up-rays{background:conic-gradient(from 0deg at 50% 40%,transparent 0deg,hsla(0,0%,100%,.06) 8deg,transparent 16deg,hsla(0,0%,100%,.06) 24deg,transparent 32deg,hsla(0,0%,100%,.06) 40deg,transparent 48deg)}@keyframes up-spin{to{transform:translateX(-50%) rotate(1turn)}}@media (prefers-reduced-motion:reduce){.up-rays{animation:none}}.up-eyebrow{position:relative;font-size:13px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin:0 0 16px}.up-frame{position:relative;width:180px;height:180px;margin:0 auto;border-radius:20px;border:3px solid var(--acc);background:linear-gradient(to bottom,color-mix(in srgb,var(--acc) 16%,var(--up-panel)),var(--up-panel));box-shadow:var(--glow);display:flex;align-items:center;justify-content:center;overflow:hidden;animation:up-pop .6s cubic-bezier(.34,1.56,.64,1) both}@keyframes up-pop{0%{opacity:0;transform:scale(.5) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (prefers-reduced-motion:reduce){.up-frame{animation:none}}.up-frame img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.up-rbadge{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:3;background:var(--acc);color:#fff;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:3px 12px;border-radius:999px;box-shadow:0 4px 12px rgba(0,0,0,.25)}.up-prod{margin:18px 0 4px;font-size:20px;font-weight:800}.up-prod,.up-value{position:relative;color:var(--up-txt)}.up-value{display:inline-flex;align-items:center;gap:6px;font-size:22px;font-weight:900}.up-value svg{width:22px;height:22px;color:var(--acc);flex:none}.up-value small{font-size:12px;font-weight:700;color:var(--up-muted);margin-left:4px}.up-getcredits{position:relative;margin-top:20px;display:flex;justify-content:center}.up-actions{padding:20px;display:flex;flex-direction:column;gap:10px}.up-action{display:flex;align-items:center;gap:14px;background:var(--up-row);border:1px solid var(--up-row-bd);border-radius:14px;padding:14px 16px;transition:.15s}.up-action:hover{border-color:var(--up-violet)}.up-action.reco{border-color:var(--up-green);background:var(--up-green-soft)}.up-action .ico{width:42px;height:42px;flex:none;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--up-panel2);color:var(--up-violet)}.up-action.reco .ico{background:var(--up-green);color:#fff}.up-action .ico svg{width:22px;height:22px}.up-action .body{flex:1;min-width:0}.up-action .row1{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.up-action .ttl{font-size:15px;font-weight:800;color:var(--up-txt)}.up-badge{font-size:10px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;padding:2px 7px;border-radius:6px;white-space:nowrap}.up-badge.green{background:var(--up-green-soft);color:var(--up-green-ink);border:1px solid var(--up-green)}.up-badge.violet{background:rgba(151,0,205,.12);color:var(--up-violet2);border:1px solid var(--up-violet2)}.up-action .desc{font-size:12.5px;color:var(--up-muted);margin:3px 0 0;line-height:1.4}.up-btn{flex:none;border:none;cursor:pointer;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:800;transition:.15s;display:inline-flex;align-items:center;justify-content:center;min-width:96px}.up-btn.solid{background:var(--up-green);color:#fff;box-shadow:0 6px 16px rgba(22,163,74,.3)}.up-btn.solid:hover{filter:brightness(1.07)}.up-btn.ghost{background:transparent;color:var(--up-txt);border:1.5px solid var(--up-row-bd)}.up-btn.ghost:hover{border-color:var(--up-violet);color:var(--up-violet)}.up-loading{padding:40px;display:flex;justify-content:center}.up-swap{padding:20px}.up-swap-title{font-weight:700;text-align:center;color:var(--up-muted);margin:0 0 16px}.up-swap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-height:50vh;overflow-y:auto}.up-swap-item{position:relative;padding:8px;background:var(--up-row);border:1.5px solid var(--up-row-bd);border-radius:12px;cursor:pointer;transition:.15s}.up-swap-item.on,.up-swap-item:hover{border-color:var(--up-violet)}.up-swap-item.on{box-shadow:0 0 0 3px rgba(98,33,255,.18)}.up-swap-check{position:absolute;top:10px;right:10px;width:20px;height:20px;border-radius:50%;border:1px solid var(--up-row-bd);display:flex;align-items:center;justify-content:center;background:transparent}.up-swap-item.on .up-swap-check{background:var(--up-violet);border-color:var(--up-violet);color:#fff}.up-swap-check svg{width:12px;height:12px}.up-swap-img{aspect-ratio:1/1;border-radius:8px;overflow:hidden;background:var(--up-panel2)}.up-swap-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.up-swap-name{margin:8px 0 4px;font-size:13px;text-align:center;color:var(--up-txt)}.up-swap-price{display:inline-flex;align-items:center;gap:4px;margin:0 auto;font-size:13px;font-weight:800;color:var(--up-violet2)}.up-swap-price svg{width:14px;height:14px}.up-swap-cta{margin-top:16px;display:flex;justify-content:center}@media (min-width:1024px){.up-swap-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:600px){.up-mascot{width:118px;top:-42px;left:-16px}.up-frame{width:150px;height:150px}.up-prod{font-size:18px}.up-btn{padding:9px 14px;min-width:0}}