@font-face{font-family:Framework7 Icons;font-style:normal;font-weight:400;src:url(/assets/Framework7Icons-Regular-Db9RwDq_.woff2) format("woff2"),url(/assets/Framework7Icons-Regular-DocpuGSF.woff) format("woff"),url(/assets/Framework7Icons-Regular-BKU1YPqI.ttf) format("truetype")}.f7-icons,.framework7-icons{font-family:Framework7 Icons;font-weight:400;font-style:normal;font-size:28px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:"liga";-moz-font-feature-settings:"liga=1";-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center}:root{--font: ui-rounded, "SF Pro Rounded", "SF Compact Rounded", -apple-system-ui-rounded, "Nunito", system-ui, -apple-system, sans-serif;--bg: #07070c;--text: #f5f5f7;--text-2: rgba(235, 235, 245, .62);--text-3: rgba(235, 235, 245, .34);--blue: #0a84ff;--cyan: #64d2ff;--purple: #bf5af2;--pink: #ff375f;--green: #30d158;--orange: #ff9f0a;--yellow: #ffd60a;--ton: #2aabee;--glass: rgba(255, 255, 255, .075);--glass-2: rgba(255, 255, 255, .12);--glass-stroke: rgba(255, 255, 255, .16);--glass-hi: rgba(255, 255, 255, .42);--blur: saturate(190%) blur(26px);--r-xl: 32px;--r-lg: 26px;--r-md: 20px;--r-sm: 14px;--tg-top: 0px;--tg-bottom: 0px;--safe-top: max(env(safe-area-inset-top), var(--tg-top));--safe-bottom: max(env(safe-area-inset-bottom), var(--tg-bottom));--spring: cubic-bezier(.34, 1.56, .64, 1);--ease: cubic-bezier(.22, 1, .36, 1);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior:none}body{min-height:100dvh;font-size:15px;letter-spacing:-.01em}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}input{font:inherit;color:inherit}img{display:block;max-width:100%;user-select:none;-webkit-user-drag:none}.f7-icons{font-size:22px;line-height:1;vertical-align:middle}.bg{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(120% 80% at 50% -10%,#1a1440,#07070c 55%)}.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;animation:float 22s var(--ease) infinite alternate}.b1{width:60vmax;height:60vmax;left:-20vmax;top:-18vmax;background:radial-gradient(circle,#2b5cff 0%,transparent 65%)}.b2{width:55vmax;height:55vmax;right:-22vmax;top:18vh;background:radial-gradient(circle,#a633ff 0%,transparent 65%);animation-delay:-7s}.b3{width:50vmax;height:50vmax;left:10vw;bottom:-28vmax;background:radial-gradient(circle,#00c2ff 0%,transparent 65%);animation-delay:-13s;opacity:.35}.grain{position:absolute;inset:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes float{to{transform:translate3d(6vw,5vh,0) scale(1.12)}}.glass{position:relative;isolation:isolate;background:linear-gradient(145deg,#ffffff24,#ffffff0a 42%,#ffffff12);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-stroke);box-shadow:inset 0 1px 0 0 var(--glass-hi),inset 0 -1px 1px #ffffff0f,inset 0 0 24px #ffffff09,0 10px 34px -10px #0000008c}.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:2;background:linear-gradient(135deg,#ffffff8c,#fff0 30% 70%,#ffffff47);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.press{transition:transform .45s var(--spring),filter .3s}.press:active{transform:scale(.955);filter:brightness(1.15);transition-duration:.12s}#app{max-width:640px;margin:0 auto;min-height:100dvh}.view{padding:calc(var(--safe-top) + 12px) 16px calc(var(--safe-bottom) + 118px);animation:viewIn .55s var(--ease) both}@keyframes viewIn{0%{opacity:0;transform:translateY(14px) scale(.985);filter:blur(6px)}}.nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 2px 14px}.nav h1{margin:0;font-size:34px;line-height:1.05;font-weight:900;letter-spacing:-.03em}.nav h1 small{display:block;font-size:13px;font-weight:700;color:var(--text-2);letter-spacing:0;margin-bottom:4px;text-transform:uppercase}.brand{background:linear-gradient(92deg,#fff 10%,#9fd7ff 45%,#d7a8ff 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.icon-btn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:none}.icon-btn .f7-icons{font-size:21px}.avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none;display:grid;place-items:center;font-weight:900;font-size:17px;background:linear-gradient(135deg,var(--blue),var(--purple))}.search{display:flex;align-items:center;gap:8px;height:46px;padding:0 14px;border-radius:23px;margin-bottom:14px}.search .f7-icons{font-size:18px;color:var(--text-2)}.search input{flex:1;min-width:0;height:100%;background:none;border:0;outline:0;font-size:16px;font-weight:600}.search input::placeholder{color:var(--text-3)}.search .clear{color:var(--text-3);display:none}.search.has .clear{display:block}.hero{border-radius:var(--r-xl);padding:18px;margin-bottom:18px;overflow:hidden}.hero-top{display:flex;justify-content:space-between;align-items:flex-start}.hero-label{font-size:13px;color:var(--text-2);font-weight:700}.hero-value{font-size:32px;font-weight:900;letter-spacing:-.03em;margin:4px 0 2px;display:flex;align-items:center;gap:6px}.hero-sub{font-size:14px;color:var(--text-2);font-weight:700}.hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.hero-cell{border-radius:18px;padding:10px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.hero-cell b{display:block;font-size:17px;font-weight:900}.hero-cell span{font-size:11.5px;color:var(--text-2);font-weight:700}.live{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:var(--green);padding:6px 10px;border-radius:99px;background:#30d1581f}.live i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 #30d15899;animation:pulse 1.8s infinite}@keyframes pulse{70%{box-shadow:0 0 0 8px #30d15800}to{box-shadow:0 0 #30d15800}}.ton-ic{width:1em;height:1em;flex:none;display:inline-block;vertical-align:-.12em}.sec{display:flex;align-items:center;justify-content:space-between;margin:22px 4px 12px}.sec h2{margin:0;font-size:22px;font-weight:900;letter-spacing:-.02em}.sec .more{font-size:15px;font-weight:800;color:var(--cyan);display:flex;align-items:center;gap:2px}.seg{position:relative;display:flex;padding:4px;border-radius:99px;gap:0;margin-bottom:14px;overflow-x:auto;scrollbar-width:none}.seg::-webkit-scrollbar{display:none}.seg button{position:relative;z-index:1;flex:1 0 auto;height:36px;padding:0 14px;border-radius:99px;font-weight:800;font-size:13.5px;color:var(--text-2);transition:color .3s;white-space:nowrap}.seg button.on{color:#fff}.seg .thumb{position:absolute;z-index:0;top:4px;height:36px;border-radius:99px;background:linear-gradient(180deg,#ffffff42,#ffffff1f);box-shadow:inset 0 1px #ffffff80,0 4px 14px #00000059;transition:left .5s var(--spring),width .5s var(--spring)}.rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:4px 16px 10px;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.rail>*{scroll-snap-align:start;flex:none}.feat{width:250px;border-radius:var(--r-xl);padding:14px;overflow:hidden}.feat .art{width:100%;aspect-ratio:16 / 11;border-radius:24px}.feat h3{margin:12px 2px 2px;font-size:18px;font-weight:900}.feat .row{display:flex;justify-content:space-between;align-items:center;margin:0 2px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.grid.g3{grid-template-columns:repeat(3,1fr);gap:10px}.card{border-radius:var(--r-lg);padding:8px 8px 12px;overflow:hidden;text-align:left;display:flex;flex-direction:column;animation:cardIn .6s var(--ease) both;animation-delay:calc(var(--i, 0) * 28ms)}@keyframes cardIn{0%{opacity:0;transform:translateY(18px) scale(.94)}}.art{position:relative;aspect-ratio:1;border-radius:20px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,var(--c1, #3b3f73) 0%,var(--c2, #16172b) 78%)}.art:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 60% at 50% -10%,rgba(255,255,255,.28),transparent 55%);box-shadow:inset 0 0 0 1px #ffffff14}.art>img,.art .lottie{position:absolute;inset:9%;width:82%;height:82%;object-fit:contain;transition:opacity .35s;filter:drop-shadow(0 10px 18px rgba(0,0,0,.4))}.art .lottie svg{width:100%!important;height:100%!important}.art.anim-ready>img{opacity:0}.art .fav{position:absolute;top:8px;right:8px;z-index:3;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#00000040;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.art .fav .f7-icons{font-size:16px}.art .fav.on{color:var(--pink)}.art .badge{position:absolute;left:8px;top:8px;z-index:3}.card .name{font-weight:900;font-size:15px;margin:10px 4px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .meta{font-size:12px;color:var(--text-2);font-weight:700;margin:0 4px 8px;display:flex;gap:5px;align-items:center;white-space:nowrap;overflow:hidden}.card .meta .f7-icons{font-size:14px}.price{margin:auto 2px 0;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:7px 11px;border-radius:14px;background:#ffffff12;border:1px solid rgba(255,255,255,.07)}.price b{font-size:16px;font-weight:900;display:flex;align-items:center;gap:5px;white-space:nowrap}.price small{max-width:100%}.price small{font-size:11px;color:var(--text-2);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g3 .card{padding:6px 6px 10px;border-radius:22px}.g3 .card .name{font-size:13px;margin-top:8px}.g3 .price{flex-direction:column;align-items:flex-start;gap:0;padding:5px 8px}.g3 .price b{font-size:13.5px}.chip{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 9px;border-radius:99px;font-size:11.5px;font-weight:900;background:#00000047;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14)}.chip .f7-icons{font-size:12px}.r-leg{color:#ffd60a}.r-epic{color:#d18cff}.r-rare{color:#64d2ff}.r-com{color:#d1d1d6}.rank{font-size:11px;font-weight:900;color:var(--text-2)}.sk{background:linear-gradient(100deg,#ffffff0d 30%,#ffffff1f,#ffffff0d 70%);background-size:300% 100%;animation:sh 1.4s linear infinite;border-radius:var(--r-lg)}@keyframes sh{0%{background-position:100% 0}to{background-position:-100% 0}}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-4px -4px 10px;padding:4px}.topbar .ttl{font-weight:900;font-size:17px;opacity:0;transform:translateY(6px);transition:.35s var(--ease);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 12px;height:40px;line-height:40px;border-radius:20px}.topbar.scrolled .ttl{opacity:1;transform:none}.showcase{border-radius:36px;padding:16px;text-align:center;overflow:hidden}.showcase .art{width:78%;margin:0 auto;border-radius:30px}.showcase h1{margin:16px 0 2px;font-size:30px;font-weight:900;letter-spacing:-.03em}.showcase .sub{color:var(--text-2);font-weight:700;font-size:14px}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.stat{border-radius:20px;padding:12px 14px;text-align:left;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.stat span{display:block;font-size:12px;color:var(--text-2);font-weight:800}.stat b{display:flex;align-items:center;gap:5px;font-size:20px;font-weight:900;margin-top:2px}.stat small{font-size:12px;color:var(--text-2);font-weight:700}.actions{display:flex;gap:10px;margin-top:14px}.btn{flex:1;height:50px;border-radius:25px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:900;font-size:16px}.btn.primary{background:linear-gradient(180deg,#3aa0ff,#0a6cff);box-shadow:inset 0 1px #ffffff73,0 10px 26px -8px #0a84ffcc}.btn .f7-icons{font-size:19px}.list{border-radius:var(--r-lg);overflow:hidden;padding:4px 0}.li{display:flex;align-items:center;gap:12px;padding:10px 14px;width:100%;text-align:left}.li+.li{border-top:1px solid rgba(255,255,255,.07)}.li img{width:48px;height:48px;border-radius:14px;object-fit:cover}.li .t{flex:1;min-width:0}.li .t b{display:block;font-weight:900;font-size:15px}.li .t span{font-size:12.5px;color:var(--text-2);font-weight:700}.li .p{text-align:right}.li .p b{white-space:nowrap;display:flex;align-items:center;gap:4px;justify-content:flex-end;font-weight:900}.li .p span{font-size:11.5px;color:var(--text-2);font-weight:700}.li .go{color:var(--text-3);font-size:16px}.empty{text-align:center;padding:36px 20px;color:var(--text-2);font-weight:700}.empty .f7-icons{font-size:44px;display:block;margin:0 auto 10px;color:var(--text-3)}.scrim{position:fixed;inset:0;z-index:90;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade .3s both}.scrim.out{animation:fade .28s reverse both}@keyframes fade{0%{opacity:0}}.sheet{position:fixed;z-index:91;left:8px;right:8px;bottom:calc(8px + var(--safe-bottom));max-width:624px;margin:0 auto;border-radius:38px;padding:10px 16px 16px;max-height:88dvh;overflow-y:auto;animation:sheetIn .6s var(--spring) both;background:linear-gradient(160deg,#28283cb8,#12121ec7)}.sheet.out{animation:sheetOut .32s var(--ease) both}@keyframes sheetIn{0%{transform:translateY(105%) scale(.96)}}@keyframes sheetOut{to{transform:translateY(105%);opacity:.6}}.grabber{width:38px;height:5px;border-radius:3px;background:#ffffff4d;margin:0 auto 10px}.sheet .art{width:70%;margin:0 auto;border-radius:30px}.sheet h2{text-align:center;margin:14px 0 2px;font-size:26px;font-weight:900}.sheet .sub{text-align:center;color:var(--text-2);font-weight:700}.tabbar{position:fixed;z-index:50;left:50%;transform:translate(-50%);bottom:calc(var(--safe-bottom) + 14px);display:flex;gap:2px;padding:5px;border-radius:34px;width:min(calc(100% - 32px),420px);background:linear-gradient(145deg,#3c3c506b,#1e1e2d5c)}.tab{position:relative;z-index:1;flex:1;height:58px;border-radius:29px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--text-2);font-size:10.5px;font-weight:800;transition:color .3s}.tab .f7-icons{font-size:24px;transition:transform .5s var(--spring)}.tab.on{color:var(--cyan)}.tab.on .f7-icons{transform:scale(1.08)}.tab-pill{position:absolute;top:5px;bottom:5px;left:5px;width:calc((100% - 16px)/4);border-radius:29px;z-index:0;background:linear-gradient(180deg,#fff3,#ffffff14);box-shadow:inset 0 1px #ffffff73,inset 0 -1px #ffffff14;transition:transform .6s var(--spring),opacity .3s}.group{border-radius:var(--r-lg);overflow:hidden;margin-bottom:18px}.row-i{display:flex;align-items:center;gap:12px;padding:12px 14px;width:100%;text-align:left;min-height:54px}.row-i+.row-i{border-top:1px solid rgba(255,255,255,.07)}.row-i .ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:none}.row-i .ic .f7-icons{font-size:18px;color:#fff}.row-i .lb{flex:1;font-weight:800}.row-i .vl{color:var(--text-2);font-weight:700;font-size:14px}.switch{width:52px;height:32px;border-radius:16px;background:#7878805c;position:relative;transition:background .3s;flex:none}.switch:after{content:"";position:absolute;left:2px;top:2px;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 3px 8px #0000004d;transition:transform .45s var(--spring)}.switch.on{background:var(--green)}.switch.on:after{transform:translate(20px)}.foot{text-align:center;color:var(--text-3);font-size:12px;font-weight:700;margin-top:10px;line-height:1.6}.toast{position:fixed;z-index:120;left:50%;top:calc(var(--safe-top) + 12px);transform:translate(-50%);padding:10px 18px;border-radius:99px;font-weight:800;font-size:14px;display:flex;gap:8px;align-items:center;animation:toast 2.2s var(--spring) both;white-space:nowrap}@keyframes toast{0%{opacity:0;transform:translate(-50%,-30px) scale(.8)}15%,85%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-20px) scale(.9)}}@media(min-width:560px){.grid{grid-template-columns:repeat(3,1fr)}.grid.g3{grid-template-columns:repeat(4,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}