*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100dvh;margin:0;padding:0;overflow-x:hidden}#app{width:100%;max-width:100%;margin:0;padding:0}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}.splash-screen[data-v-b0a88f62]{background:linear-gradient(135deg, var(--bg-color) 0%, var(--secondary-bg-color) 100%);z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.splash-content[data-v-b0a88f62]{text-align:center;box-sizing:border-box;flex-direction:column;align-items:center;width:100%;padding:24px;display:flex}.logo-wrapper[data-v-b0a88f62]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;justify-content:center;align-items:center;width:84px;height:84px;margin-bottom:20px;animation:.6s cubic-bezier(.34,1.56,.64,1) logoAppear-b0a88f62;display:flex;position:relative}.logo-icon[data-v-b0a88f62]{z-index:2;font-size:38px}.pulse-ring[data-v-b0a88f62]{background:var(--button-color);opacity:.15;border-radius:24px;width:100%;height:100%;animation:2s ease-out infinite ripple-b0a88f62;position:absolute}.splash-title[data-v-b0a88f62]{letter-spacing:-1px;background:linear-gradient(135deg, var(--tg-theme-text-color,#fff) 20%, var(--tg-theme-button-color,#5288c1) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 12px #5288c140);-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:32px;font-weight:900;line-height:1.1;animation:1.5s ease-in-out infinite alternate titleGlow-b0a88f62}.splash-subtitle[data-v-b0a88f62]{color:var(--tg-theme-hint-color,#708499);letter-spacing:4px;text-transform:uppercase;opacity:.7;margin:0 0 55px;font-size:11px;font-weight:600}@keyframes titleGlow-b0a88f62{0%{filter:drop-shadow(0 2px 10px #5288c133)}to{filter:drop-shadow(0 2px 20px #5288c173)}}.spinner-container[data-v-b0a88f62]{flex-direction:column;align-items:center;gap:12px;height:90px;display:flex}.native-spinner[data-v-b0a88f62]{border:2px solid #ffffff1a;border-top-color:var(--button-color);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin-b0a88f62}.loading-text[data-v-b0a88f62]{color:var(--hint-color);letter-spacing:.3px;font-size:12px}.action-container[data-v-b0a88f62]{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:240px;height:90px;display:flex}.play-btn[data-v-b0a88f62]{-webkit-backdrop-filter:blur(12px);width:100%;color:var(--tg-theme-button-color,#5288c1);letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:14px;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff1a}.play-btn[data-v-b0a88f62]:active{background:#ffffff05;border-color:#ffffff0a;transform:scale(.97);box-shadow:0 4px 16px #0000004d}.play-btn[data-v-b0a88f62]:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0f,#0000);width:50%;height:100%;animation:4s ease-in-out infinite shine-b0a88f62;position:absolute;top:0;left:-150%;transform:skew(-20deg)}@keyframes shine-b0a88f62{0%{left:-150%}30%,to{left:150%}}.play-btn[data-v-b0a88f62]:active{transform:scale(.96);box-shadow:0 3px 10px #3498db33}.ready-text[data-v-b0a88f62]{color:#2ecc71;margin:0;font-size:11px;font-weight:500}.fade-button-enter-active[data-v-b0a88f62]{transition:all .4s ease-out}.fade-button-enter-from[data-v-b0a88f62]{opacity:0;transform:translateY(10px)}@keyframes logoAppear-b0a88f62{0%{opacity:0;transform:scale(.4)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes ripple-b0a88f62{0%{opacity:.25;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}@keyframes spin-b0a88f62{to{transform:rotate(360deg)}}.home-dashboard[data-v-d850bf39]{flex-direction:column;gap:16px;max-width:480px;margin:0 auto;display:flex}.welcome-card[data-v-d850bf39]{text-align:left;padding:8px 4px}.welcome-title[data-v-d850bf39]{letter-spacing:-.5px;background:linear-gradient(135deg, var(--text-color) 30%, var(--hint-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 4px;font-size:24px;font-weight:800}.welcome-subtitle[data-v-d850bf39]{color:var(--hint-color);margin:0;font-size:13px}.dashboard-card[data-v-d850bf39]{-webkit-backdrop-filter:blur(10px);background:#242f3d66;border:1px solid #ffffff0f;border-radius:16px;padding:16px;box-shadow:0 4px 24px #00000026}.card-header[data-v-d850bf39]{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-tag[data-v-d850bf39]{text-transform:uppercase;letter-spacing:.5px;color:var(--hint-color);font-size:11px;font-weight:600}.role-badge[data-v-d850bf39]{background:#ffffff0d;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.role-badge.listener[data-v-d850bf39]{color:#3498db;background:#3498db1a;border:1px solid #3498db33}.role-badge.artist[data-v-d850bf39]{color:#e17055;background:#e170551a;border:1px solid #e1705533}.role-badge.admin[data-v-d850bf39]{color:#fdcb6e;background:#fdcb6e1a;border:1px solid #fdcb6e33}.stats-grid[data-v-d850bf39]{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.stat-box[data-v-d850bf39]{background:#ffffff05;border:1px solid #ffffff08;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.stat-icon[data-v-d850bf39]{font-size:20px}.stat-info[data-v-d850bf39]{text-align:left;flex-direction:column;display:flex}.stat-label[data-v-d850bf39]{color:var(--hint-color);font-size:11px}.stat-value[data-v-d850bf39]{color:var(--text-color);font-size:16px;font-weight:700}.max-xp[data-v-d850bf39]{color:var(--hint-color);font-size:12px;font-weight:400}.progress-bar[data-v-d850bf39]{background:#ffffff0f;border-radius:4px;width:100%;height:6px;overflow:hidden}.progress-fill[data-v-d850bf39]{background:linear-gradient(90deg, var(--button-color), #2ecc71);border-radius:4px;height:100%}.section-title[data-v-d850bf39]{text-align:left;color:var(--text-color);margin:0 0 16px;font-size:14px;font-weight:600}.global-grid[data-v-d850bf39]{justify-content:space-around;align-items:center;padding:4px 0;display:flex}.global-item[data-v-d850bf39]{flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.global-icon[data-v-d850bf39]{font-size:22px}.global-details[data-v-d850bf39]{text-align:left;flex-direction:column;display:flex}.global-count[data-v-d850bf39]{color:var(--text-color);font-size:18px;font-weight:800}.global-label[data-v-d850bf39]{color:var(--hint-color);font-size:11px}.divider[data-v-d850bf39]{background:#ffffff14;width:1px;height:32px}.exchange-page{box-sizing:border-box;flex-direction:column;gap:16px;max-width:480px;margin:0 auto;display:flex}.page-intro{text-align:left;padding:4px}.page-title{margin:0 0 4px;font-size:22px;font-weight:800}.page-subtitle{color:var(--hint-color);margin:0;font-size:13px;line-height:1.4}.exchange-sub-nav{background:#0003;border:1px solid #ffffff0a;border-radius:12px;padding:4px;display:flex}.sub-nav-btn{color:var(--hint-color);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:10px;font-size:13px;font-weight:600;transition:all .2s}.sub-nav-btn.active{background:var(--secondary-bg-color);color:var(--text-color);box-shadow:0 2px 8px #0003}.orders-grid{flex-direction:column;gap:12px;display:flex}.order-card{text-align:left;cursor:pointer;background:#242f3d66;border:1px solid #ffffff0f;border-radius:16px;padding:16px;transition:transform .2s,border-color .2s}.order-card:active{transform:scale(.98)}.order-locked{opacity:.5;cursor:not-allowed}.order-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.order-title-text{max-width:75%;margin:0 0 2px;font-size:15px;font-weight:700;line-height:1.3}.order-artist-text{color:var(--hint-color);margin:0;font-size:12px}.platform-tag{color:var(--button-color);font-weight:600}.budget-badge{white-space:nowrap;background:#ffb30014;border:1px solid #ffb30033;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;display:flex}.streaming-budget{background:#2ecc7114;border-color:#2ecc7133}.streaming-budget .budget-value{color:#2ecc71}.budget-value{color:#ffb300;font-size:13px;font-weight:700}.order-description{color:#ffffffb3;text-align:left;margin:8px 0 0;font-size:13px;line-height:1.4}.order-footer{color:var(--hint-color);border-top:1px solid #ffffff0a;justify-content:space-between;margin-top:10px;padding-top:10px;font-size:11px;display:flex}.action-req-tag{color:#e67e22;font-weight:500}.work-zone{text-align:left;background:#242f3d80;border:1px solid #ffffff14;border-radius:20px;padding:18px}.work-zone-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.back-btn{color:var(--text-color);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;padding:6px 12px;font-size:12px;font-weight:600}.work-title{margin:0 0 6px;font-size:18px;font-weight:800;line-height:1.3}.work-desc{color:#fffc;margin:0;font-size:13px;line-height:1.4}.divider-line{background:#ffffff0f;height:1px;margin:16px 0}.form-label{color:var(--hint-color);text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.report-textarea{box-sizing:border-box;width:100%;color:var(--text-color);resize:none;background:#0003;border:1px solid #ffffff14;border-radius:12px;margin-bottom:14px;padding:12px;font-family:inherit;font-size:13px;line-height:1.4}.report-textarea:focus{border-color:var(--button-color);outline:none}.upload-box{cursor:pointer;background:#0003;border:2px dashed #ffffff1f;border-radius:14px;justify-content:center;align-items:center;width:100%;height:160px;margin-bottom:16px;display:flex;position:relative;overflow:hidden}.upload-box:hover{border-color:var(--button-color)}.upload-placeholder{flex-direction:column;align-items:center;gap:8px;display:flex}.upload-icon{font-size:28px}.upload-text{color:var(--hint-color);margin:0;font-size:12px}.preview-wrapper{width:100%;height:100%;position:relative}.screenshot-img-preview{object-fit:contain;width:100%;height:100%}.change-photo-overlay{color:#fff;text-align:center;background:#0009;padding:6px;font-size:11px;font-weight:600;position:absolute;bottom:0;left:0;right:0}.submit-report-btn{background:var(--button-color);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:12px;font-size:13px;font-weight:700;transition:opacity .2s}.submit-report-btn:disabled{opacity:.4;cursor:not-allowed}.slide-up-enter-active,.slide-up-leave-active{transition:all .25s ease-out}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(15px)}.street-page[data-v-a47d8cf3]{flex-direction:column;gap:16px;max-width:480px;margin:0 auto;display:flex}.page-intro[data-v-a47d8cf3]{text-align:left;padding:4px}.page-title[data-v-a47d8cf3]{margin:0 0 4px;font-size:22px;font-weight:800}.page-subtitle[data-v-a47d8cf3]{color:var(--hint-color);margin:0;font-size:13px;line-height:1.4}.tracks-list[data-v-a47d8cf3]{flex-direction:column;gap:10px;display:flex}.track-card[data-v-a47d8cf3]{background:#242f3d4d;border:1px solid #ffffff0d;border-radius:14px;align-items:center;gap:12px;padding:10px;transition:all .25s;display:flex}.track-active[data-v-a47d8cf3]{background:#2e7d321a;border-color:#2e7d324d}.track-cover[data-v-a47d8cf3]{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0d;border-radius:10px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.cover-icon[data-v-a47d8cf3]{font-size:16px}.track-info[data-v-a47d8cf3]{text-align:left;cursor:pointer;flex:1}.track-title-text[data-v-a47d8cf3]{margin:0 0 3px;font-size:14px;font-weight:600}.track-artist-text[data-v-a47d8cf3]{color:var(--hint-color);margin:0;font-size:11px}.genre-tag[data-v-a47d8cf3]{color:var(--button-color)}.track-meta[data-v-a47d8cf3]{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.track-time[data-v-a47d8cf3]{color:var(--hint-color);font-variant-numeric:tabular-nums;font-size:11px}.xp-badge[data-v-a47d8cf3]{color:#2ecc71;background:#2e7d3226;border:1px solid #2e7d3233;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:700}.audit-zone[data-v-a47d8cf3]{-webkit-backdrop-filter:blur(10px);background:#242f3d80;border:1px solid #ffffff12;border-radius:16px;padding:16px;box-shadow:0 -4px 24px #0003}.zone-title[data-v-a47d8cf3]{text-align:left;color:var(--hint-color);margin:0 0 14px;font-size:14px;font-weight:600}.zone-title span[data-v-a47d8cf3]{color:var(--text-color)}.player-widget[data-v-a47d8cf3]{align-items:center;gap:10px;margin-bottom:16px;display:flex}.time-label[data-v-a47d8cf3]{color:var(--hint-color);font-variant-numeric:tabular-nums;font-size:11px}.player-timeline[data-v-a47d8cf3]{background:#ffffff14;border-radius:2px;flex:1;height:4px;position:relative}.timeline-fill[data-v-a47d8cf3]{background:var(--button-color);border-radius:2px;height:100%}.timeline-thumb[data-v-a47d8cf3]{background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;top:-3px;transform:translate(-50%);box-shadow:0 2px 6px #0000004d}.review-textarea[data-v-a47d8cf3]{box-sizing:border-box;width:100%;color:var(--text-color);resize:none;background:#0003;border:1px solid #ffffff14;border-radius:12px;margin-bottom:12px;padding:12px;font-family:inherit;font-size:13px;line-height:1.4}.review-textarea[data-v-a47d8cf3]:focus{border-color:var(--button-color);outline:none}.submit-review-btn[data-v-a47d8cf3]{background:var(--button-color);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:12px;font-size:13px;font-weight:600;transition:all .2s}.submit-review-btn[data-v-a47d8cf3]:disabled{opacity:.4;cursor:not-allowed}.slide-up-enter-active[data-v-a47d8cf3],.slide-up-leave-active[data-v-a47d8cf3]{transition:all .3s}.slide-up-enter-from[data-v-a47d8cf3],.slide-up-leave-to[data-v-a47d8cf3]{opacity:0;transform:translateY(20px)}.wallet-page[data-v-1111a6b2]{flex-direction:column;gap:16px;max-width:480px;margin:0 auto;display:flex}.page-intro[data-v-1111a6b2]{text-align:left;padding:4px}.page-title[data-v-1111a6b2]{margin:0 0 4px;font-size:22px;font-weight:800}.page-subtitle[data-v-1111a6b2]{color:var(--hint-color);margin:0;font-size:13px;line-height:1.4}.balance-card-premium[data-v-1111a6b2]{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#242f3dcc 0%,#17212be6 100%);border:1px solid #ffb30033;border-radius:20px;padding:24px;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000040}.card-bg-glow[data-v-1111a6b2]{z-index:1;pointer-events:none;background:radial-gradient(circle,#ffb3000f 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.card-label[data-v-1111a6b2]{color:var(--hint-color);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-size:12px;display:block}.main-balance[data-v-1111a6b2]{z-index:2;justify-content:center;align-items:center;gap:8px;margin-bottom:4px;display:flex;position:relative}.star-big[data-v-1111a6b2]{font-size:28px}.balance-num[data-v-1111a6b2]{color:#ffb300;letter-spacing:-.5px;font-size:34px;font-weight:800}.crypto-sub[data-v-1111a6b2]{color:var(--hint-color);margin:0 0 18px;font-size:11px}.deposit-btn[data-v-1111a6b2]{z-index:2;color:#17212b;cursor:pointer;background:linear-gradient(90deg,#ffb300,#ff9200);border:none;border-radius:12px;width:100%;padding:12px;font-size:14px;font-weight:700;transition:transform .15s;position:relative;box-shadow:0 4px 15px #ffb30033}.deposit-btn[data-v-1111a6b2]:active{transform:scale(.98)}.transactions-section[data-v-1111a6b2]{flex-direction:column;gap:12px;display:flex}.section-title[data-v-1111a6b2]{text-align:left;color:var(--hint-color);margin:0;padding-left:4px;font-size:14px;font-weight:600}.transactions-scroll-container[data-v-1111a6b2]{flex-direction:column;gap:8px;max-height:280px;padding-right:4px;display:flex;overflow-y:auto}.transactions-scroll-container[data-v-1111a6b2]::-webkit-scrollbar{width:4px}.transactions-scroll-container[data-v-1111a6b2]::-webkit-scrollbar-track{background:0 0}.transactions-scroll-container[data-v-1111a6b2]::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.tx-item[data-v-1111a6b2]{background:#242f3d4d;border:1px solid #ffffff0a;border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.tx-icon-wrapper[data-v-1111a6b2]{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;display:flex}.tx-icon-wrapper.earn[data-v-1111a6b2]{background:#2e7d321f;border:1px solid #2e7d3233}.tx-icon-wrapper.deposit[data-v-1111a6b2]{background:#3498db1f;border:1px solid #3498db33}.tx-icon-wrapper.spend[data-v-1111a6b2]{background:#c0392b1f;border:1px solid #c0392b33}.tx-icon-wrapper.withdraw[data-v-1111a6b2]{background:#8e44ad1f;border:1px solid #8e44ad33}.tx-details[data-v-1111a6b2]{text-align:left;flex:1}.tx-desc[data-v-1111a6b2]{color:var(--text-color);margin:0 0 3px;font-size:13px;font-weight:600;line-height:1.3}.tx-date[data-v-1111a6b2]{color:var(--hint-color);font-size:11px}.tx-amount-block[data-v-1111a6b2]{font-variant-numeric:tabular-nums;align-items:center;gap:2px;font-size:14px;font-weight:700;display:flex}.tx-amount-block.earn[data-v-1111a6b2],.tx-amount-block.deposit[data-v-1111a6b2]{color:#2ecc71}.tx-amount-block.spend[data-v-1111a6b2],.tx-amount-block.withdraw[data-v-1111a6b2]{color:#e74c3c}.tx-star[data-v-1111a6b2]{margin-left:2px;font-size:12px}.empty-tx[data-v-1111a6b2]{text-align:center;color:var(--hint-color);padding:30px;font-size:13px}.profile-page[data-v-eea39921]{flex-direction:column;gap:14px;max-width:480px;margin:0 auto;display:flex}.profile-card[data-v-eea39921]{-webkit-backdrop-filter:blur(10px);background:#242f3d66;border:1px solid #ffffff0f;border-radius:16px;padding:16px}.hero-card[data-v-eea39921]{text-align:left;align-items:center;gap:16px;display:flex}.avatar-container[data-v-eea39921]{position:relative}.profile-avatar[data-v-eea39921]{object-fit:cover;border:2px solid #ffffff14;border-radius:50%;width:60px;height:60px}.placeholder-avatar[data-v-eea39921]{background:var(--button-color);justify-content:center;align-items:center;font-size:24px;display:flex}.role-badge[data-v-eea39921]{white-space:nowrap;border-radius:10px;padding:2px 6px;font-size:9px;font-weight:700;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.role-badge.listener[data-v-eea39921]{color:#fff;background:#3498db}.role-badge.artist[data-v-eea39921]{color:#fff;background:#e17055}.user-meta[data-v-eea39921]{text-align:left;flex-direction:column;gap:2px;display:flex}.user-display-name[data-v-eea39921]{margin:0;font-size:18px;font-weight:700}.user-tg-username[data-v-eea39921]{color:var(--hint-color);margin:0;font-size:13px}.days-badge[data-v-eea39921]{color:var(--button-color);background:#5288c11a;border-radius:6px;align-self:flex-start;margin-top:4px;padding:3px 8px;font-size:11px;font-weight:600}.rank-header[data-v-eea39921]{justify-content:space-between;margin-bottom:12px;font-weight:700;display:flex}.rank-title[data-v-eea39921]{color:var(--hint-color);font-size:13px}.rank-number[data-v-eea39921]{color:var(--button-color);font-size:14px}.xp-info[data-v-eea39921]{justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.custom-progress-bar[data-v-eea39921]{background:#ffffff14;border-radius:3px;width:100%;height:6px;margin-bottom:16px;overflow:hidden}.custom-progress-fill[data-v-eea39921]{background:linear-gradient(90deg, var(--button-color), #2ecc71);border-radius:3px;height:100%;transition:width .3s}.activity-metrics[data-v-eea39921]{grid-template-columns:1fr 1fr;gap:10px;display:grid}.metric-box[data-v-eea39921]{background:#ffffff03;border:1px solid #ffffff08;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.metric-icon[data-v-eea39921]{font-size:18px}.metric-data[data-v-eea39921]{text-align:left;flex-direction:column;display:flex}.metric-value[data-v-eea39921]{font-size:15px;font-weight:700}.metric-label[data-v-eea39921]{color:var(--hint-color);font-size:10px}.info-row[data-v-eea39921]{justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;display:flex}.info-row[data-v-eea39921]:not(:last-child){border-bottom:1px solid #ffffff0a}.info-left[data-v-eea39921]{align-items:center;gap:8px;display:flex}.mono-id[data-v-eea39921]{color:var(--hint-color);font-family:monospace}.referral-title[data-v-eea39921]{text-align:left;margin:0 0 6px;font-size:14px;font-weight:600}.referral-desc[data-v-eea39921]{color:var(--hint-color);text-align:left;margin:0 0 12px;font-size:12px;line-height:1.4}.referral-stats[data-v-eea39921]{text-align:left;background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;margin-bottom:12px;padding:10px}.ref-stat-value[data-v-eea39921]{color:var(--button-color);font-size:16px;font-weight:700}.ref-stat-label[data-v-eea39921]{color:var(--hint-color);margin-left:6px;font-size:11px}.referral-link-container[data-v-eea39921]{gap:8px;display:flex}.referral-input[data-v-eea39921]{color:var(--hint-color);background:#0003;border:1px solid #ffffff14;border-radius:8px;flex:1;height:36px;padding:0 10px;font-size:12px}.copy-btn[data-v-eea39921]{background:var(--button-color);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;height:36px;padding:0 14px;font-size:12px;font-weight:600}:root{--bg-color:var(--tg-theme-bg-color,#17212b);--text-color:var(--tg-theme-text-color,#f5f5f5);--hint-color:var(--tg-theme-hint-color,#708499);--button-color:var(--tg-theme-button-color,#5288c1);--secondary-bg-color:var(--tg-theme-secondary-bg-color,#242f3d)}body{background-color:var(--bg-color);color:var(--text-color);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;padding:16px 16px 85px}.app-header{-webkit-backdrop-filter:blur(16px);z-index:999;background-color:#242f3dbf;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.xp-section{flex-direction:column;flex:1;gap:5px;max-width:65%;display:flex}.stat-text{justify-content:space-between;font-size:11px;display:flex}.level-badge{color:var(--button-color);font-weight:600}.xp-digits{color:var(--hint-color);font-variant-numeric:tabular-nums}.progress-bar-bg{background:#ffffff14;border-radius:3px;width:100%;height:5px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--button-color), #3498db);border-radius:3px;height:100%;transition:width .5s}.balance-badge{background:#ffb30014;border:1px solid #ffb30026;border-radius:20px;align-items:center;gap:5px;padding:6px 14px;display:flex}.stars-count{color:#ffb300;font-size:14px;font-weight:700}.bottom-nav{-webkit-backdrop-filter:blur(16px);height:62px;padding-bottom:env(safe-area-inset-bottom);z-index:1000;background-color:#242f3dbf;border-top:1px solid #ffffff0d;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{height:100%;color:var(--hint-color);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;transition:color .25s;display:flex}.nav-icon{margin-bottom:2px;font-size:18px;transition:transform .25s cubic-bezier(.4,0,.2,1)}.nav-label{opacity:.8;font-size:10px;font-weight:500;transition:opacity .25s}.nav-item.active{color:var(--button-color)}.nav-item.active .nav-icon{transform:scale(1.2)translateY(-2px)}.nav-item.active .nav-label{opacity:1;font-weight:600}.fade-out-leave-active{transition:opacity .4s}.fade-out-leave-to{opacity:0}.fade-transform-enter-active,.fade-transform-leave-active{transition:all .2s cubic-bezier(.4,0,.2,1)}.fade-transform-enter-from{opacity:0;transform:translateY(6px)}.fade-transform-leave-to{opacity:0;transform:translateY(-6px)}