:root{--bg: #0a0e13;--bg-elev: #10161e;--card: #141b25;--card-2: #18212d;--stroke: rgba(255, 255, 255, .07);--stroke-strong: rgba(255, 255, 255, .12);--text: #f2f5f9;--text-2: #9aa7b5;--text-3: #5d6b7a;--emerald: #2fd48a;--emerald-deep: #16a34a;--emerald-glow: rgba(47, 212, 138, .14);--gold: #f5c66b;--gold-glow: rgba(245, 198, 107, .13);--blue: #5aa7ff;--danger: #ff6b6b;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 26px;--t-fast: .14s cubic-bezier(.3, .7, .4, 1);--t-med: .24s cubic-bezier(.3, .7, .4, 1);--nav-h: 64px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100dvh;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font-family:inherit;border:none;cursor:pointer;background:none;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.app{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);position:relative}.page{flex:1;padding:16px 16px calc(var(--nav-h) + env(safe-area-inset-bottom,0px) + 24px);animation:page-in .24s cubic-bezier(.3,.7,.4,1) both}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.page,.card,.task-item{animation:none!important;transition:none!important}}.page-head{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 14px}.page-title{font-size:22px;font-weight:700;letter-spacing:-.02em}.page-sub{font-size:13px;color:var(--text-2);margin-top:2px}.card{background:var(--card);border:1px solid var(--stroke);border-radius:var(--r-lg);padding:18px;animation:rise .32s cubic-bezier(.3,.7,.4,1) both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.card+.card,.card+.section,.section+.card{margin-top:12px}.hero{position:relative;overflow:hidden;background:radial-gradient(120% 140% at 85% -20%,rgba(47,212,138,.16),transparent 55%),radial-gradient(100% 120% at 10% -30%,rgba(245,198,107,.1),transparent 50%),var(--card);border:1px solid var(--stroke);border-radius:var(--r-xl);padding:22px 20px 18px;animation:rise .32s cubic-bezier(.3,.7,.4,1) both}.hero-row{display:flex;align-items:center;gap:12px}.logo-badge{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#1ec37e,#0d8a58);box-shadow:0 6px 20px #2fd48a59,inset 0 1px #ffffff40;flex:none}.hero-name{font-size:17px;font-weight:700;letter-spacing:-.01em}.hero-tag{font-size:12px;color:var(--text-2);margin-top:1px}.balance-label{margin-top:18px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-2)}.balance-value{display:flex;align-items:baseline;gap:8px;margin-top:4px}.balance-num{font-size:44px;font-weight:800;letter-spacing:-.03em;line-height:1.05;font-variant-numeric:tabular-nums}.balance-unit{font-size:16px;font-weight:700;color:var(--gold)}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.hero-stat{background:#ffffff0b;border:1px solid var(--stroke);border-radius:var(--r-md);padding:12px 14px}.hero-stat .k{font-size:11.5px;color:var(--text-2);font-weight:500}.hero-stat .v{font-size:16px;font-weight:700;margin-top:3px;font-variant-numeric:tabular-nums}.hero-stat .v.up{color:var(--emerald)}.balance-note{display:flex;align-items:center;gap:9px;margin-top:12px;padding:10px 13px;font-size:12.5px;line-height:1.5;color:var(--text-2);background:#ffffff0a;border:1px solid var(--stroke);border-radius:var(--r-md);animation:rise .26s cubic-bezier(.3,.7,.4,1) both}.balance-spinner{width:13px;height:13px;flex:none;border-radius:50%;border:2px solid rgba(255,255,255,.16);border-top-color:var(--emerald);animation:spin .72s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.balance-retry{margin-left:auto;flex:none;font-size:12px;font-weight:700;color:var(--emerald);background:#2fd48a1a;border:1px solid rgba(47,212,138,.28);border-radius:9px;padding:6px 12px;transition:background var(--t-fast)}.balance-retry:hover{background:#2fd48a2e}.balance-retry:active{transform:scale(.96)}@media (prefers-reduced-motion: reduce){.balance-spinner,.balance-note{animation:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:650;font-size:15px;border-radius:14px;padding:14px 20px;transition:transform var(--t-fast),filter var(--t-fast),opacity var(--t-fast);-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,#1ec37e,#12a264);color:#06130c;box-shadow:0 8px 24px #2fd48a4d,inset 0 1px #ffffff47}.btn-primary:hover{filter:brightness(1.06)}.btn-ghost{background:#ffffff0d;border:1px solid var(--stroke-strong);color:var(--text)}.btn-ghost:hover{background:#ffffff17}.btn-gold{background:linear-gradient(135deg,#f2c463,#d9a13f);color:#221703;box-shadow:0 8px 24px #f5c66b38,inset 0 1px #ffffff59}.btn-block{width:100%}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn-sm{padding:9px 16px;font-size:13.5px;border-radius:11px}.section-title{font-size:15px;font-weight:700;margin:20px 2px 10px;display:flex;align-items:center;justify-content:space-between}.task-item{display:flex;align-items:center;gap:13px;background:var(--card);border:1px solid var(--stroke);border-radius:var(--r-lg);padding:14px;transition:background var(--t-fast),border-color var(--t-fast);animation:rise .32s cubic-bezier(.3,.7,.4,1) both}.task-item:hover{background:var(--card-2);border-color:var(--stroke-strong)}.task-item+.task-item{margin-top:10px}.task-icon{width:44px;height:44px;border-radius:13px;flex:none;display:grid;place-items:center;background:var(--emerald-glow);color:var(--emerald)}.task-icon.gold{background:var(--gold-glow);color:var(--gold)}.task-icon.blue{background:#5aa7ff21;color:var(--blue)}.task-info{flex:1;min-width:0}.task-name{font-size:14.5px;font-weight:650}.task-desc{font-size:12.5px;color:var(--text-2);margin-top:2px}.task-reward{font-size:13.5px;font-weight:700;color:var(--gold);white-space:nowrap;font-variant-numeric:tabular-nums}.task-item .btn{flex:none}.task-item .btn.done{background:#2fd48a1a;color:var(--emerald);border:1px solid rgba(47,212,138,.25);box-shadow:none}.invite-hero{text-align:center;padding:24px 18px}.invite-glyph{width:64px;height:64px;margin:0 auto;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#1ec37e,#0d8a58);box-shadow:0 10px 30px #2fd48a59,inset 0 1px #ffffff40}.invite-hero h2{font-size:19px;font-weight:700;margin-top:14px}.invite-hero p{font-size:13px;color:var(--text-2);margin-top:6px;line-height:1.55}.link-box{display:flex;align-items:center;gap:10px;margin-top:16px;background:#00000047;border:1px dashed var(--stroke-strong);border-radius:var(--r-md);padding:12px 14px}.link-text{flex:1;font-size:13px;color:var(--text-2);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.copy-hint{font-size:11.5px;color:var(--emerald);font-weight:600;min-width:34px;text-align:right}.level-grid{display:grid;gap:10px}.level-card{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--stroke);border-radius:var(--r-lg);padding:16px;animation:rise .32s cubic-bezier(.3,.7,.4,1) both}.level-badge{width:52px;height:52px;border-radius:16px;flex:none;display:grid;place-items:center;font-size:15px;font-weight:800;letter-spacing:-.02em}.level-badge.l1{background:var(--emerald-glow);color:var(--emerald);border:1px solid rgba(47,212,138,.3)}.level-badge.l2{background:var(--gold-glow);color:var(--gold);border:1px solid rgba(245,198,107,.3)}.level-info{flex:1;min-width:0}.level-name{font-size:15px;font-weight:700}.level-meta{font-size:12.5px;color:var(--text-2);margin-top:3px}.level-sub{font-size:11.5px;color:var(--text-3);margin-top:4px;font-variant-numeric:tabular-nums}.pool-note{background:linear-gradient(135deg,#2fd48a12,#f5c66b0a),var(--card);border:1px solid rgba(47,212,138,.22)}.pool-head{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--emerald)}.pool-note p{font-size:12.5px;line-height:1.65;color:var(--text-2);margin-top:9px}.pool-note strong{color:var(--text)}.level-earn{text-align:right}.level-earn .n{font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}.level-earn .l{font-size:11px;color:var(--text-2);margin-top:1px}.lb-item{display:flex;align-items:center;gap:13px;padding:13px 14px;background:var(--card);border:1px solid var(--stroke);border-radius:var(--r-md);animation:rise .3s cubic-bezier(.3,.7,.4,1) both}.lb-item+.lb-item{margin-top:8px}.lb-item.me{border-color:#2fd48a73;background:linear-gradient(135deg,#2fd48a17,#2fd48a05),var(--card)}.lb-rank{width:34px;height:34px;border-radius:11px;flex:none;display:grid;place-items:center;font-size:14px;font-weight:800;background:#ffffff0f;color:var(--text-2);font-variant-numeric:tabular-nums}.lb-rank.top1{background:#f5c66b29;color:var(--gold)}.lb-rank.top2{background:#c8d0da24;color:#cfd8e3}.lb-rank.top3{background:#cd7f3229;color:#e0995c}.lb-user{flex:1;min-width:0}.lb-name{font-size:14.5px;font-weight:650;display:flex;align-items:center;gap:6px}.lb-name .you{font-size:10px;font-weight:700;color:var(--emerald);background:#2fd48a1f;border:1px solid rgba(47,212,138,.3);padding:1.5px 7px;border-radius:99px;letter-spacing:.04em}.lb-sub{font-size:12px;color:var(--text-3);margin-top:2px}.lb-score{font-size:15px;font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums;white-space:nowrap}.wallet-big{text-align:center;padding:28px 18px 24px;position:relative;overflow:hidden}.wallet-big .balance-label{margin-top:0}.wallet-big .balance-num{font-size:52px}.wallet-orbit{position:absolute;inset:-40% -20% auto;height:200px;background:radial-gradient(60% 100% at 50% 0%,rgba(245,198,107,.12),transparent 70%);pointer-events:none}.wallet-rows{margin-top:8px}.wallet-row{display:flex;align-items:center;justify-content:space-between;padding:13px 4px;border-bottom:1px solid var(--stroke)}.wallet-row:last-child{border-bottom:none}.wallet-row .k{font-size:13.5px;color:var(--text-2);display:flex;align-items:center;gap:9px}.wallet-row .v{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.wallet-row .v.plus{color:var(--emerald)}.withdraw-card{text-align:center;padding:28px 20px 24px}.cs-pill{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--gold);background:var(--gold-glow);border:1px solid rgba(245,198,107,.3);padding:6px 14px;border-radius:99px;animation:pulse-soft 2.4s ease-in-out infinite}@keyframes pulse-soft{0%,to{box-shadow:0 0 #f5c66b00}50%{box-shadow:0 0 0 6px #f5c66b14}}.withdraw-card h2{font-size:19px;font-weight:700;margin-top:14px}.withdraw-card p{font-size:13px;color:var(--text-2);line-height:1.6;margin-top:8px}.withdraw-amount{font-size:15px;font-weight:700;color:var(--gold);margin-top:14px;font-variant-numeric:tabular-nums}.empty-state{text-align:center;padding:40px 22px 36px}.empty-icon{width:68px;height:68px;margin:0 auto;border-radius:22px;display:grid;place-items:center;background:#ffffff0d;border:1px solid var(--stroke-strong);color:var(--text-2)}.empty-state h2{font-size:17px;font-weight:700;margin-top:16px;letter-spacing:-.01em}.empty-state p{font-size:13px;line-height:1.65;color:var(--text-2);margin-top:8px;max-width:30em;margin-left:auto;margin-right:auto}.nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);display:flex;background:#0d1219eb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--stroke);z-index:50}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-3);font-size:10.5px;font-weight:600;transition:color var(--t-fast);padding-top:6px}.nav-item svg{transition:transform var(--t-fast)}.nav-item.active{color:var(--emerald)}.nav-item.active svg{transform:translateY(-1px)}.nav-item:active svg{transform:scale(.88)}.toast{position:fixed;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px) + 18px);left:50%;transform:translate(-50%);background:#1c2635;border:1px solid var(--stroke-strong);color:var(--text);font-size:13.5px;font-weight:600;padding:11px 18px;border-radius:99px;box-shadow:0 10px 30px #00000073;z-index:100;animation:toast-in .2s cubic-bezier(.3,.7,.4,1) both;white-space:nowrap}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (min-width: 600px){body{background:radial-gradient(80% 60% at 70% -10%,rgba(47,212,138,.06),transparent 60%),radial-gradient(60% 50% at 15% -10%,rgba(245,198,107,.05),transparent 55%),#070a0f}.app{border-left:1px solid var(--stroke);border-right:1px solid var(--stroke);box-shadow:0 0 80px #00000080}.nav{border-radius:0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}