:root{--bg:#000;--surface:#121316;--surface-2:#17191d;--surface-glass:#1213168c;--hairline:#ffffff0f;--hairline-strong:#ffffff1c;--amber:#ffc24b;--amber-dim:#ffc24b24;--amber-key:#ffc24b;--amber-key-specular:#fff2d6;--amber-key-rim:#ffc24b73;--green:#5fd6a0;--green-dim:#5fd6a024;--red:#ff6f6f;--red-dim:#ff6f6f24;--text:#f4f3ee;--muted:#84878e;--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Clash Display", sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Satoshi", sans-serif;--font-mono:"SF Mono", ui-monospace, "JetBrains Mono", monospace;--ease:cubic-bezier(.22, 1, .36, 1);--ease-standard:var(--ease);--ease-emphasized:cubic-bezier(.16, 1, .3, 1);--ease-settle:cubic-bezier(.34, 1.56, .64, 1);--radius-lg:28px;--radius-md:20px;--radius-sm:14px;--squircle-sm:var(--radius-sm);--squircle-md:var(--radius-md);--squircle-lg:var(--radius-lg);--elevation-0:none;--elevation-1:inset 0 1px 0 0 var(--hairline), 0 1px 2px #00000080, 0 8px 20px #00000038;--elevation-2:inset 0 1px 0 0 var(--hairline-strong), 0 2px 4px #0000008c, 0 14px 32px #0000004d;--elevation-3:inset 0 1px 0 0 var(--hairline-strong), 0 3px 6px #0009, 0 20px 48px #00000061;--sheen-x:50%;--sheen-y:28%;--sheen-opacity:.09;--tg-viewport-height:100vh;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;position:relative;overflow-x:hidden}body:before{content:"";background:radial-gradient(ellipse 620px 320px at 50% -8%, var(--amber-key-rim), transparent 60%);opacity:.55;pointer-events:none;z-index:0;position:fixed;inset:0}body:after{content:"";opacity:.035;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}::selection{background:var(--amber-dim);color:var(--amber)}::-webkit-scrollbar{width:0;height:0}#app{z-index:1;max-width:520px;min-height:var(--tg-viewport-height,100vh);padding:calc(18px + var(--safe-top)) 18px calc(104px + var(--safe-bottom));margin:0 auto;position:relative}h1,h2,h3,.display{font-family:var(--font-display);letter-spacing:-.01em}.mono{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.muted{color:var(--muted)}@keyframes reveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:reveal .6s var(--ease) both}.hero,.bento-tile,.trio-item,.list,.chart-card,.tariff,.ref-card{background:linear-gradient(180deg, #ffffff09, #fff0 42%), var(--surface-glass);-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);border:1px solid var(--hairline);box-shadow:var(--elevation-1);position:relative;overflow:hidden}.ceremony-card{background:linear-gradient(180deg, #ffffff09, #fff0 42%), var(--surface);border:1px solid var(--hairline);box-shadow:var(--elevation-1);position:relative;overflow:hidden}.hero:before,.bento-tile:before,.trio-item:before,.list:before,.chart-card:before,.tariff:before,.ref-card:before,.ceremony-card:before{content:"";background:radial-gradient(220px 160px at var(--sheen-x) var(--sheen-y), var(--amber-key-specular), transparent 55%);opacity:var(--sheen-opacity);mix-blend-mode:screen;pointer-events:none;position:absolute;inset:0}@supports (corner-shape:squircle){.hero,.bento-tile,.trio-item,.list,.chart-card,.tariff,.ref-card,.avatar,.profile-avatar,.btn,.streak-chip,.plan-badge,.tariff-tag,.navbar,.nav-btn,.toast,.li-icon,.bento-tile .icon,.toggle,.ceremony-card,.ceremony-badge,.hero-crystal{corner-shape:squircle}}.header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.id-row{align-items:center;gap:12px;display:flex}.avatar{background:linear-gradient(155deg,var(--amber-key),#e0982e);color:#181203;width:44px;height:44px;font-family:var(--font-display);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex;box-shadow:inset 0 1px #fff6}.id-row .name{font-family:var(--font-display);font-size:16px;font-weight:600;line-height:1.2}.id-row .sub{color:var(--muted);margin-top:2px;font-size:12.5px}.streak-chip{background:var(--surface);border:1px solid var(--hairline);box-shadow:inset 0 1px 0 0 var(--hairline);font-family:var(--font-mono);border-radius:100px;align-items:center;gap:5px;padding:7px 11px;font-size:12.5px;font-weight:500;display:flex}.hero{border-radius:var(--radius-lg);box-shadow:var(--elevation-2);margin-bottom:16px;padding:22px}.hero-crystal{background:var(--bg);border:1px solid var(--hairline-strong);border-radius:var(--radius-md);z-index:0;pointer-events:auto;width:128px;height:128px;position:absolute;top:8px;right:8px;overflow:hidden}.hero-crystal canvas{width:100%;height:100%;display:block}.hero-top{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.plan-badge{letter-spacing:.08em;text-transform:uppercase;border-radius:8px;padding:5px 9px;font-size:10.5px;font-weight:700}.plan-badge.free{background:var(--surface-2);color:var(--muted);border:1px solid var(--hairline)}.plan-badge.premium{background:var(--amber-dim);color:var(--amber);border:1px solid #ffc24b4d}.hero-balance{z-index:1;margin-top:14px;position:relative}.hero-balance .num{font-family:var(--font-mono);align-items:baseline;gap:9px;font-size:42px;font-weight:700;line-height:1;display:inline-flex}.hero-balance .num #balanceNum{background:linear-gradient(180deg, var(--amber-key-specular), var(--amber-key) 70%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-balance .num span.unit{font-family:var(--font-body);color:var(--muted);font-size:17px;font-weight:500}.hero-earn-row{color:var(--muted);z-index:1;margin-top:8px;font-size:13px;position:relative}.hero-earn-row b{color:var(--text);font-family:var(--font-mono);font-weight:500}.sparkline-wrap{z-index:1;height:46px;margin-top:14px;position:relative}#sparkline{width:100%;height:100%;display:block}.hero-actions{z-index:1;gap:10px;margin-top:16px;display:flex;position:relative}.btn{cursor:pointer;font-family:var(--font-body);border-radius:var(--radius-sm);transition:transform .15s var(--ease), opacity .15s var(--ease);border:none;justify-content:center;align-items:center;gap:6px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--amber);color:#181203;flex:1;box-shadow:inset 0 1px #fff6,0 4px 14px #ffc24b38}.btn-ghost{background:var(--surface-2);color:var(--text);border:1px solid var(--hairline-strong);flex:1}.btn-block{width:100%}.btn-sm{padding:9px 12px;font-size:13px}.section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:22px 0 10px;font-size:13px;font-weight:600}.bento{grid-template-columns:1fr 1fr;gap:10px;display:grid}.bento-tile{border-radius:var(--radius-md);cursor:pointer;transition:transform .15s var(--ease), border-color .15s var(--ease);padding:16px}.bento-tile:active{transform:scale(.97)}.bento-tile .icon{z-index:1;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:10px;display:flex;position:relative}.bento-tile .icon svg{width:17px;height:17px}.bento-tile .t{z-index:1;font-size:14px;font-weight:600;position:relative}.bento-tile .s{color:var(--muted);z-index:1;margin-top:2px;font-size:12px;position:relative}.bento-tile.locked{opacity:.42}.trio{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.trio-item{border-radius:var(--radius-md);text-align:center;padding:14px 10px}.trio-item .v{font-family:var(--font-mono);z-index:1;font-size:19px;font-weight:700;position:relative}.trio-item .l{color:var(--muted);z-index:1;margin-top:4px;font-size:11px;position:relative}.list{border-radius:var(--radius-md)}.list-row{border-bottom:1px solid var(--hairline);z-index:1;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:relative}.list-row:last-child{border-bottom:none}.list-row .li-left{align-items:center;gap:11px;display:flex}.li-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.li-icon svg{width:15px;height:15px}.li-title{font-size:13.5px;font-weight:500}.li-sub{color:var(--muted);margin-top:1px;font-size:11.5px}.li-amt{font-family:var(--font-mono);font-size:13.5px;font-weight:600}.li-amt.pos{color:var(--green)}.li-amt.neg{color:var(--red)}.empty{text-align:center;color:var(--muted);z-index:1;padding:34px 16px;font-size:13px;position:relative}.screen{display:none}.screen.active{display:block}.chart-card{border-radius:var(--radius-lg);margin-bottom:14px;padding:18px}.chart-card .ch-head{z-index:1;justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex;position:relative}.chart-card .ch-title{font-size:14px;font-weight:600}.chart-card canvas{z-index:1;max-height:150px;position:relative}.tariff{border-radius:var(--radius-lg);margin-bottom:12px;padding:20px}.tariff.popular{background:linear-gradient(180deg, #ffc24b14, transparent 45%), linear-gradient(180deg, #ffffff09, #fff0 42%), var(--surface);box-shadow:var(--elevation-2);border-color:#ffc24b59}.tariff-tag{background:var(--amber);color:#181203;letter-spacing:.06em;text-transform:uppercase;z-index:2;border-radius:100px;padding:4px 10px;font-size:10px;font-weight:700;position:absolute;top:-10px;right:18px}.tariff-head{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.tariff-name{font-family:var(--font-display);font-size:17px;font-weight:600}.tariff-price{font-family:var(--font-mono);color:var(--amber);font-size:19px;font-weight:700}.tariff-feats{z-index:1;flex-direction:column;gap:8px;margin:14px 0 16px;display:flex;position:relative}.tariff-feats div{color:var(--muted);align-items:center;gap:8px;font-size:12.5px;display:flex}.tariff-feats div:before{content:"";background:var(--green);border-radius:50%;flex-shrink:0;width:4px;height:4px}.tariff>.btn{z-index:1;position:relative}.ref-card{border-radius:var(--radius-lg);margin-bottom:14px;padding:20px}.ref-card>*{z-index:1;position:relative}.ref-link-row{gap:8px;margin-top:14px;display:flex}.ref-input{background:var(--surface-2);border:1px solid var(--hairline-strong);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;padding:11px 13px;font-size:12.5px;display:flex;overflow:hidden}.leaderboard-row{border-bottom:1px solid var(--hairline);align-items:center;gap:12px;padding:12px 16px;display:flex}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row.me{background:var(--amber-dim)}.lb-rank{width:22px;font-family:var(--font-mono);color:var(--muted);text-align:center;font-size:13px;font-weight:700}.lb-name{flex:1;font-size:13.5px;font-weight:500}.lb-count{font-family:var(--font-mono);color:var(--muted);font-size:13px}.profile-head{text-align:center;flex-direction:column;align-items:center;padding:20px 0 6px;display:flex}.profile-avatar{background:linear-gradient(155deg,var(--amber-key),#e0982e);color:#181203;width:74px;height:74px;font-family:var(--font-display);border-radius:22px;justify-content:center;align-items:center;margin-bottom:12px;font-size:28px;font-weight:700;display:flex;box-shadow:inset 0 1px #fff6}.profile-head .pname{font-family:var(--font-display);font-size:19px;font-weight:600}.profile-head .pid{font-family:var(--font-mono);color:var(--muted);margin-top:3px;font-size:12px}.setting-row{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.setting-row:last-child{border-bottom:none}.setting-row .st-left{align-items:center;gap:11px;font-size:13.5px;font-weight:500;display:flex}.setting-row .st-left svg{width:16px;height:16px;color:var(--muted)}.toggle{background:var(--surface-2);border:1px solid var(--hairline-strong);cursor:pointer;width:42px;height:25px;transition:background .2s var(--ease);border-radius:100px;flex-shrink:0;position:relative}.toggle:after{content:"";background:var(--muted);width:19px;height:19px;transition:transform .2s var(--ease), background .2s var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.toggle.on{background:var(--amber-dim);border-color:#ffc24b66}.toggle.on:after{background:var(--amber);transform:translate(17px)}.navbar{left:50%;bottom:calc(16px + var(--safe-bottom));-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);border:1px solid var(--hairline-strong);border-radius:var(--radius-lg);z-index:50;box-shadow:var(--elevation-3);background:#121316b8;gap:2px;padding:6px;display:flex;position:fixed;overflow:hidden;transform:translate(-50%)}.navbar:before{content:"";background:radial-gradient(140px 60px at var(--sheen-x) 0%, var(--amber-key-specular), transparent 60%);opacity:calc(var(--sheen-opacity) * .7);mix-blend-mode:screen;pointer-events:none;position:absolute;inset:0}.nav-btn{border-radius:var(--radius-sm);cursor:pointer;min-width:58px;color:var(--muted);transition:background .2s var(--ease), color .2s var(--ease), transform .15s var(--ease);z-index:1;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:8px 4px 7px;display:flex;position:relative}.nav-btn svg{width:20px;height:20px}.nav-label{letter-spacing:-.01em;white-space:nowrap;font-size:9.5px;font-weight:600}.nav-btn:active{transform:scale(.93)}.nav-btn.active{background:var(--amber-dim);color:var(--amber);box-shadow:0 2px 10px #ffc24b47}.toast{left:50%;bottom:calc(96px + var(--safe-bottom));background:var(--surface-2);border:1px solid var(--hairline-strong);color:var(--text);box-shadow:var(--elevation-3);z-index:99;opacity:0;pointer-events:none;transition:opacity .25s var(--ease), transform .25s var(--ease);text-align:center;border-radius:100px;max-width:86%;padding:12px 18px;font-size:13px;font-weight:500;position:fixed;transform:translate(-50%)translateY(10px)}.toast.show{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.toast.success{border-color:#5fd6a059}.toast.error{border-color:#ff6f6f59}.ceremony-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .28s var(--ease);background:#050506a8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.ceremony-overlay.show{opacity:1;pointer-events:auto}.ceremony-card{border-radius:var(--radius-lg);text-align:center;opacity:0;width:100%;max-width:320px;transition:transform .5s var(--ease-settle), opacity .35s var(--ease);padding:34px 26px 26px;transform:scale(.82)translateY(10px)}.ceremony-overlay.show .ceremony-card{opacity:1;transform:scale(1)translateY(0)}.ceremony-badge{background:linear-gradient(155deg,var(--amber-key),#e0982e);z-index:1;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 18px;display:flex;position:relative;box-shadow:0 8px 26px #ffc24b66,inset 0 1px #fff6}.ceremony-badge svg{stroke:#181203;width:28px;height:28px}.ceremony-title{font-family:var(--font-display);z-index:1;font-size:19px;font-weight:700;position:relative}.ceremony-tariff{color:var(--muted);z-index:1;margin-top:5px;font-size:13px;position:relative}.ceremony-amount{font-family:var(--font-mono);color:var(--amber);z-index:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin:18px 0 24px;font-size:30px;font-weight:700;position:relative}.ceremony-card>.btn{z-index:1;position:relative}@media (prefers-reduced-motion:reduce){.ceremony-overlay,.ceremony-card{transition:opacity .2s linear}.ceremony-card,.ceremony-overlay.show .ceremony-card{transform:none}}.reveal-1{animation-delay:40ms}.reveal-2{animation-delay:.1s}.reveal-3{animation-delay:.16s}.reveal-4{animation-delay:.22s}.reveal-5{animation-delay:.28s}.reveal-6{animation-delay:.34s}