:root,[data-theme=light]{--bg-primary:#f5f5f7;--bg-secondary:#fff;--card-bg:#fff;--text-primary:#1a1a2e;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--accent:#6c5ce7;--accent-light:#6c5ce71a;--accent-gradient:linear-gradient(135deg,#6c5ce7,#a855f7);--border:#e5e7eb;--shadow-card:0 2px 12px #00000014;--shadow-elevated:0 8px 32px #0000001f;--overlay-bg:#0006;--glass-bg:#fffc;--glass-border:#ffffff4d;--input-bg:#f9fafb;--success:#10b981;--danger:#ef4444;--warning:#f59e0b}[data-theme=dark]{--bg-primary:#0f0f1a;--bg-secondary:#1a1a2e;--card-bg:#1e1e32;--text-primary:#f0f0f5;--text-secondary:#9ca3af;--text-tertiary:#6b7280;--accent:#6c5ce7;--accent-light:#6c5ce726;--accent-gradient:linear-gradient(135deg,#6c5ce7,#a855f7);--border:#2d2d44;--shadow-card:0 2px 12px #0000004d;--shadow-elevated:0 8px 32px #00000080;--overlay-bg:#0009;--glass-bg:#1e1e32cc;--glass-border:#ffffff14;--input-bg:#16162b;--success:#10b981;--danger:#ef4444;--warning:#f59e0b}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f7;background-color:var(--bg-primary);color:#1a1a2e;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;overflow-x:hidden}button,input,select,textarea{font-family:inherit;font-size:inherit}a{color:#6c5ce7;color:var(--accent);text-decoration:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#9ca3af;background:var(--text-tertiary);border-radius:4px}.app{background-color:var(--bg-primary);max-width:100vw;min-height:100vh;overflow-x:hidden}.app__content{min-height:calc(100vh - 120px)}.header{background:#0000;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header,.header__back{align-items:center;display:flex}.header__back{background:none;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;justify-content:center;padding:6px;transition:background .2s ease}.header__back:active{background:var(--accent-light)}.header__title{color:var(--text-primary);flex:1 1;font-size:17px;font-weight:600;text-align:center}.header__logo{align-items:center;display:flex;flex:1 1;gap:8px;justify-content:center}.header__logo-img{height:28px;width:auto}.header__logo-text{color:var(--text-primary);font-size:18px;font-weight:700;letter-spacing:1px}.header__spacer{width:36px}.bottom-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg);border-top:1px solid var(--glass-border);bottom:0;justify-content:space-around;left:0;padding:8px 0 max(8px,env(safe-area-inset-bottom));position:fixed;right:0;z-index:100}.bottom-nav,.bottom-nav__item{align-items:center;display:flex}.bottom-nav__item{background:none;border:none;border-radius:12px;color:var(--text-tertiary);cursor:pointer;flex-direction:column;gap:2px;padding:6px 12px;transition:all .2s ease}.bottom-nav__item--active{color:var(--accent)}.bottom-nav__icon{align-items:center;display:flex;height:28px;justify-content:center;width:28px}.bottom-nav__label{font-size:11px;font-weight:500}.home{padding:16px 16px 100px}.home,.home__welcome{display:flex;flex-direction:column;gap:14px}.home__welcome{background:var(--accent-gradient);border-radius:20px;color:#fff;overflow:hidden;padding:20px;position:relative}.home__welcome:before{background:#ffffff14;height:120px;right:-30px;top:-30px;width:120px}.home__welcome:after,.home__welcome:before{border-radius:50%;content:"";position:absolute}.home__welcome:after{background:#ffffff0d;bottom:-20px;height:80px;left:40px;width:80px}.home__welcome-watermark{bottom:-15px;height:120px;opacity:.07;pointer-events:none;position:absolute;right:-10px;transform:rotate(-15deg);width:120px}.home__welcome-row{align-items:center;display:flex;gap:12px;position:relative;z-index:1}.home__avatar{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:2px solid #ffffff40;border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.home__avatar img{height:100%;object-fit:cover;width:100%}.home__avatar span{color:#fff;font-size:20px;font-weight:600}.home__welcome-info{display:flex;flex-direction:column;gap:2px}.home__greeting{font-size:18px;font-weight:700}.home__balance{align-items:center;display:flex;font-size:13px;gap:4px;opacity:.85}.home__topup-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px;position:relative;transition:background .2s ease,transform .2s ease;width:100%;z-index:1}.home__topup-btn:active{background:#ffffff4d;transform:scale(.98)}.home__cta{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-card);cursor:pointer;display:flex;overflow:hidden;padding:0;position:relative;text-align:left;transition:transform .2s ease}.home__cta:active{transform:scale(.98)}.home__cta-content{align-items:center;display:flex;gap:14px;padding:16px;width:100%}.home__cta-icon{align-items:center;background:var(--accent-light);border-radius:14px;color:var(--accent);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.home__cta-text{display:flex;flex:1 1;flex-direction:column;gap:2px}.home__cta-title{color:var(--text-primary);font-size:16px;font-weight:600}.home__cta-desc{color:var(--text-secondary);font-size:13px}.home__cta-arrow{color:var(--text-tertiary);flex-shrink:0}.home__stats{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-card);justify-content:space-around;padding:16px}.home__stat,.home__stats{align-items:center;display:flex}.home__stat{flex-direction:column;gap:2px}.home__stat-value{-webkit-text-fill-color:#0000;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.home__stat-label{color:var(--text-tertiary);font-size:11px}.home__stat-divider{background:var(--border);height:32px;width:1px}.home__how{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-card);padding:20px}.home__how-title{color:var(--text-primary);font-size:15px;font-weight:600;margin-bottom:16px}.home__steps{display:flex;flex-direction:column;gap:14px}.home__step{gap:12px}.home__step,.home__step-icon{align-items:center;display:flex}.home__step-icon{background:var(--accent-light);border-radius:10px;color:var(--accent);flex-shrink:0;height:36px;justify-content:center;width:36px}.home__step-text{color:var(--text-secondary);font-size:14px}.chip-select{display:flex;flex-direction:column;gap:6px}.chip-select__label{color:var(--text-secondary);font-size:13px;font-weight:600}.chip-select__scroll{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.chip-select__chip{align-items:center;background:var(--input-bg);border:1.5px solid var(--border);border-radius:20px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:4px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.chip-select__chip:active{transform:scale(.96)}.chip-select__chip--active{background:var(--accent-gradient);border-color:#0000;box-shadow:0 0 8px #6c5ce766,0 0 20px #6c5ce726;color:#fff}.chip-select__emoji{font-size:15px;line-height:1}.chip-select__text{font-weight:500}.create-song{padding:16px 16px 100px}.tab-switcher{margin-bottom:12px}.tab-switcher__track{background:var(--card-bg);border-radius:14px;box-shadow:var(--shadow-card);display:flex;padding:4px;position:relative}.tab-switcher__indicator{background:var(--accent-gradient);border-radius:10px;height:calc(100% - 8px);left:4px;position:absolute;top:4px;transition:transform .3s ease;width:calc(50% - 4px)}.tab-switcher__btn{background:none;border:none;border-radius:10px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px;position:relative;transition:color .3s ease;z-index:1}.tab-switcher__btn--active{color:#fff}.step-progress{margin-bottom:12px}.step-progress__track{align-items:center;display:flex;padding:4px 8px}.step-progress__circle{align-items:center;background:var(--border);border-radius:50%;color:var(--text-tertiary);display:flex;height:36px;justify-content:center;min-width:36px;transition:all .3s ease;width:36px}.step-progress__circle--active{box-shadow:0 0 12px #6c5ce780;height:44px;min-width:44px;width:44px}.step-progress__circle--active,.step-progress__circle--done{background:var(--accent);color:#fff}.step-progress__line{background:var(--border);border-radius:2px;flex:1 1;height:2.5px;margin:0 10px;transition:background .3s ease}.step-progress__line--done{background:var(--accent)}.create-song__form{display:flex;flex-direction:column;gap:8px}.create-song__card{background:var(--card-bg);border-radius:16px;box-shadow:var(--shadow-card);padding:12px}.create-song__label{color:var(--text-secondary);display:block;font-size:13px;font-weight:600;margin-bottom:8px}.create-song__input{background:var(--input-bg);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:14px;outline:none;padding:12px 14px;transition:border-color .2s ease;width:100%}.create-song__input:focus{border-color:var(--accent)}.create-song__textarea{background:var(--input-bg);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:14px;outline:none;padding:12px 14px;resize:none;transition:border-color .2s ease;width:100%}.create-song__textarea:focus{border-color:var(--accent)}.create-song__textarea--large{min-height:160px}.create-song__balance{color:var(--text-secondary);font-size:13px;text-align:center}.create-song__buttons{display:flex;gap:10px;margin-top:4px}.create-song__back-btn{align-items:center;background:var(--card-bg);border:1.5px solid var(--border);border-radius:24px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:4px;justify-content:center;padding:14px 16px;transition:all .2s ease;white-space:nowrap}.create-song__back-btn:active{background:var(--accent-light);transform:scale(.98)}.create-song__submit{align-items:center;background:var(--accent-gradient);border:none;border-radius:24px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;margin-top:4px;padding:14px;transition:opacity .2s ease,transform .2s ease;width:100%}.create-song__submit--flex{flex:1 1;margin-top:0}.create-song__submit:active{opacity:.9;transform:scale(.98)}.create-song__generating{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px;text-align:center}.create-song__generating-animation{align-items:center;display:flex;height:100px;justify-content:center;position:relative;width:100px}.create-song__generating-ring{animation:spin 1.2s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);inset:0;position:absolute}.create-song__generating-icon{animation:pulse 2s ease-in-out infinite;color:var(--accent)}.create-song__generating-title{color:var(--text-primary);font-size:18px;font-weight:700}.create-song__generating-text{color:var(--text-secondary);font-size:14px;max-width:260px}.create-song__generating-bars{align-items:flex-end;display:flex;gap:4px;height:32px;margin-top:8px}.create-song__generating-bars span{animation:bar-bounce 1s ease-in-out infinite;background:var(--accent-gradient);border-radius:3px;width:6px}.create-song__generating-bars span:first-child{animation-delay:0s;height:12px}.create-song__generating-bars span:nth-child(2){animation-delay:.15s;height:20px}.create-song__generating-bars span:nth-child(3){animation-delay:.3s;height:28px}.create-song__generating-bars span:nth-child(4){animation-delay:.45s;height:20px}.create-song__generating-bars span:nth-child(5){animation-delay:.6s;height:12px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes bar-bounce{0%,to{opacity:.5;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1)}}.create-song__result{align-items:center;display:flex;flex-direction:column;gap:12px;padding:32px 0}.create-song__result-icon{align-items:center;background:linear-gradient(135deg,#00c853,#00e676);border-radius:50%;color:#fff;display:flex;height:72px;justify-content:center;margin-bottom:4px;width:72px}.create-song__result-title{color:var(--text-primary);font-size:22px;font-weight:700}.create-song__result-subtitle{color:var(--text-secondary);font-size:14px;margin-bottom:8px}.create-song__tracks{display:flex;flex-direction:column;gap:10px;width:100%}.create-song__track-card{align-items:center;background:var(--card-bg);border-radius:16px;box-shadow:var(--shadow-card);display:flex;gap:12px;padding:12px}.create-song__track-cover{align-items:center;background:var(--accent-gradient);border-radius:12px;display:flex;flex-shrink:0;height:52px;justify-content:center;overflow:hidden;width:52px}.create-song__track-cover img{height:100%;object-fit:cover;width:100%}.create-song__track-cover-placeholder{align-items:center;color:#fff;display:flex;justify-content:center;opacity:.8}.create-song__track-info{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.create-song__track-title{color:var(--text-primary);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-song__track-meta{color:var(--text-tertiary);display:flex;font-size:12px;gap:8px}.create-song__track-play{align-items:center;background:var(--accent-gradient);border:none;border-radius:50%;box-shadow:0 2px 10px #6c5ce759;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:42px;justify-content:center;transition:transform .15s ease;width:42px}.create-song__track-play:active{transform:scale(.9)}.create-song__track-play--active{background:linear-gradient(135deg,#e74c3c,#c0392b)}.create-song__result-actions{display:flex;flex-direction:column;gap:10px;margin-top:8px;width:100%}.create-song__new-btn{background:var(--card-bg);border:1.5px solid var(--border);border-radius:24px;color:var(--text-secondary);cursor:pointer;font-size:15px;font-weight:600;padding:14px;transition:all .2s ease;width:100%}.create-song__new-btn:active{background:var(--accent-light);transform:scale(.98)}.create-song__error{flex-direction:column;gap:12px;padding:60px 20px;text-align:center}.create-song__error,.create-song__error-icon{align-items:center;display:flex;justify-content:center}.create-song__error-icon{background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:50%;color:#fff;height:72px;margin-bottom:4px;width:72px}.create-song__error-title{color:var(--text-primary);font-size:18px;font-weight:700}.create-song__error-text{color:var(--text-secondary);font-size:14px;margin-bottom:8px;max-width:280px}.my-songs{padding:16px 16px 100px}.my-songs__list,.track{display:flex;flex-direction:column;gap:14px}.track{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-card);padding:16px;transition:border-color .3s ease}.track--playing{border-color:#6c5ce74d}.track__header{align-items:center;display:flex;gap:12px}.track__cover{background:var(--accent-gradient);border-radius:14px;flex-shrink:0;height:52px;overflow:hidden;position:relative;width:52px}.track__cover,.track__cover-icon{align-items:center;display:flex;justify-content:center}.track__cover-icon{color:#fff;line-height:0;opacity:.9}.track__cover-bars{align-items:flex-end;bottom:4px;display:flex;gap:2px;height:14px;left:50%;position:absolute;transform:translateX(-50%)}.track__cover-bars span{animation:cover-bar .8s ease-in-out infinite;background:#fff;border-radius:1.5px;width:3px}.track__cover-bars span:first-child{animation-delay:0s;height:6px}.track__cover-bars span:nth-child(2){animation-delay:.2s;height:10px}.track__cover-bars span:nth-child(3){animation-delay:.4s;height:6px}@keyframes cover-bar{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.track__meta{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.track__title{color:var(--text-primary);font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track__sub{color:var(--text-tertiary);font-size:12px}.track__controls{align-items:flex-start;display:flex;gap:10px}.track__play{align-items:center;background:var(--accent-gradient);border:none;border-radius:50%;box-shadow:0 2px 10px #6c5ce759;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-top:2px;transition:transform .15s ease;width:40px}.track__play:active{transform:scale(.9)}.track__progress{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0;padding-top:10px}.track__bar{cursor:pointer;height:4px;padding:10px 0;position:relative;touch-action:none}.track__bar-bg{background:var(--border);right:0}.track__bar-bg,.track__bar-fill{border-radius:2px;height:4px;left:0;position:absolute;top:10px}.track__bar-fill{background:var(--accent-gradient)}.track__bar-dot{background:#fff;border:2px solid var(--accent);border-radius:50%;height:12px;pointer-events:none;position:absolute;top:12px;transform:translate(-50%,-50%);width:12px}.track__times{font-feature-settings:"tnum";font-size:10px;font-variant-numeric:tabular-nums;justify-content:space-between}.track__times,.track__vol-btn{color:var(--text-tertiary);display:flex}.track__vol-btn{align-items:center;background:#0000;border:none;border-radius:10px;cursor:pointer;flex-shrink:0;height:36px;justify-content:center;margin-top:4px;transition:all .2s ease;width:36px}.track__vol-btn--active,.track__vol-btn:active{background:var(--accent-light);color:var(--accent)}.track__volume{align-items:center;animation:fade-in .2s ease;color:var(--text-tertiary);display:flex;gap:8px;padding:0 4px}@keyframes fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.track__vol-bar{cursor:pointer;flex:1 1;height:4px;padding:10px 0;position:relative;touch-action:none}.track__vol-bg{background:var(--border);right:0}.track__vol-bg,.track__vol-fill{border-radius:2px;height:4px;left:0;position:absolute;top:10px}.track__vol-fill{background:var(--accent-gradient)}.track__vol-dot{background:#fff;border:2px solid var(--accent);border-radius:50%;height:12px;pointer-events:none;position:absolute;top:12px;transform:translate(-50%,-50%);width:12px}.track__vol-val{color:var(--text-tertiary);font-size:11px;font-weight:500;min-width:32px;text-align:right}.track__actions{border-top:1px solid var(--border);padding-top:12px}.track__action,.track__actions{align-items:center;display:flex}.track__action{background:none;border:none;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:0;transition:color .2s ease}.track__action:active{color:var(--accent)}.track__action-sep{background:var(--border);flex-shrink:0;height:18px;width:1px}.track__cover-img{border-radius:14px;height:100%;object-fit:cover;width:100%}.my-songs__empty{flex-direction:column;gap:12px;padding:80px 20px;text-align:center}.my-songs__empty,.my-songs__empty-icon{align-items:center;display:flex;justify-content:center}.my-songs__empty-icon{background:var(--card-bg);border:2px solid var(--border);border-radius:50%;color:var(--text-tertiary);height:80px;margin-bottom:8px;width:80px}.my-songs__empty-title{color:var(--text-primary);font-size:18px;font-weight:700}.my-songs__empty-text{color:var(--text-secondary);font-size:14px;max-width:260px}.settings{gap:16px;padding:16px 16px 100px}.settings,.settings__profile{display:flex;flex-direction:column}.settings__profile{align-items:center;background:var(--card-bg);border-radius:16px;box-shadow:var(--shadow-card);gap:8px;padding:24px 20px}.settings__avatar{align-items:center;background:var(--accent-gradient);border-radius:50%;display:flex;flex-shrink:0;height:64px;justify-content:center;overflow:hidden;width:64px}.settings__avatar img{height:100%;object-fit:cover;width:100%}.settings__avatar span{color:#fff;font-size:24px;font-weight:600}.settings__name{color:var(--text-primary);font-size:17px;font-weight:600}.settings__balance{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:4px}.settings__topup-btn{background:var(--accent-gradient);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:4px;padding:10px;transition:opacity .2s ease,transform .2s ease;width:100%}.settings__topup-btn:active{opacity:.9;transform:scale(.98)}.settings__section{background:var(--card-bg);border-radius:16px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:12px;padding:16px}.settings__section-title{color:var(--text-tertiary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.settings__item{align-items:center;display:flex;justify-content:space-between;padding:4px 0}.settings__item-label{color:var(--text-primary);font-size:14px}.settings__select{background:var(--input-bg);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:13px;outline:none;padding:6px 10px}.settings__toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:8px}.settings__toggle-track{background:var(--border);border-radius:11px;height:22px;position:relative;transition:background .3s ease;width:40px}.settings__toggle-track--active{background:var(--accent)}.settings__toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:18px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:18px}.settings__toggle-track--active .settings__toggle-thumb{transform:translateX(18px)}.settings__toggle-label{color:var(--text-secondary);font-size:13px}.settings__link{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 4px;text-align:left;text-decoration:none;transition:color .2s ease;width:100%}.settings__link:active{color:var(--accent)}.settings__link-arrow{color:var(--text-tertiary);margin-left:auto}.topup{padding:16px 16px 100px}.topup__header-card{background:var(--accent-gradient);border-radius:16px;color:#fff;margin-bottom:20px;padding:20px;text-align:center}.topup__balance-label{display:block;font-size:13px;margin-bottom:4px;opacity:.85}.topup__balance-value{font-size:28px;font-weight:700}.topup__title{color:var(--text-primary);font-size:20px;font-weight:700;margin-bottom:12px}.topup__trust{color:var(--success);font-size:13px;gap:6px;margin-bottom:16px}.topup__stats,.topup__trust{align-items:center;display:flex}.topup__stats{background:var(--card-bg);border-radius:16px;box-shadow:var(--shadow-card);justify-content:space-around;margin-bottom:12px;padding:16px}.topup__stat{align-items:center;display:flex;flex-direction:column;gap:2px}.topup__stat-value{color:var(--text-primary);font-size:18px;font-weight:700}.topup__stat-label{color:var(--text-tertiary);font-size:11px}.topup__stat-divider{background:var(--border);height:32px;width:1px}.topup__info{align-items:center;background:var(--accent-light);border-radius:12px;color:var(--accent);font-size:13px;gap:8px;padding:12px 14px}.topup__info,.topup__plans{display:flex;margin-bottom:20px}.topup__plans{flex-direction:column;gap:12px}.topup__plan{align-items:center;background:var(--card-bg);border:2px solid var(--border);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:20px 16px;position:relative;text-align:center;transition:all .2s ease}.topup__plan--selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow-card)}.topup__plan-badge{background:var(--accent-gradient);border-radius:20px;color:#fff;font-size:11px;font-weight:600;padding:2px 10px;position:absolute;right:16px;top:-10px}.topup__plan-name{color:var(--text-primary);font-size:16px;font-weight:600}.topup__plan-credits{color:var(--text-secondary);font-size:13px}.topup__plan-pricing{align-items:center;display:flex;gap:8px}.topup__plan-old-price{color:var(--text-tertiary);font-size:14px;text-decoration:line-through}.topup__plan-price{color:var(--accent);font-size:22px;font-weight:700}.topup__pay-btn{align-items:center;background:var(--accent-gradient);border:none;border-radius:24px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;justify-content:center;padding:14px;transition:opacity .2s ease,transform .2s ease;width:100%}.topup__pay-btn:active{opacity:.9;transform:scale(.98)}.topup__overlay{animation:fadeIn .2s ease;background:#00000080;inset:0;position:fixed;z-index:100}.topup__sheet{animation:slideUp .3s ease;background:var(--card-bg);border-radius:20px 20px 0 0;bottom:0;left:0;padding:12px 16px 32px;position:fixed;right:0;z-index:101}.topup__sheet-handle{background:var(--border);border-radius:2px;height:4px;margin:0 auto 16px;width:36px}.topup__sheet-title{color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:16px}.topup__methods{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.topup__method{align-items:center;background:var(--bg);border:2px solid var(--border);border-radius:14px;cursor:pointer;display:flex;gap:12px;padding:14px;text-align:left;transition:all .2s ease}.topup__method--selected{background:var(--accent-light);border-color:var(--accent)}.topup__method-icon{align-items:center;background:var(--card-bg);border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.topup__method-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.topup__method-name{color:var(--text-primary);font-size:15px;font-weight:600}.topup__method-desc{color:var(--text-tertiary);font-size:12px}.topup__method-radio{border:2px solid var(--border);border-radius:50%;flex-shrink:0;height:20px;position:relative;transition:all .2s ease;width:20px}.topup__method--selected .topup__method-radio{border-color:var(--accent)}.topup__method--selected .topup__method-radio:after{background:var(--accent);border-radius:50%;content:"";inset:3px;position:absolute}.topup__sheet-total{align-items:center;border-top:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:16px;padding:14px 0}.topup__sheet-total-label{color:var(--text-secondary);font-size:15px}.topup__sheet-total-value{color:var(--text-primary);font-size:20px;font-weight:700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.accordion{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:box-shadow .3s ease}.accordion--open{box-shadow:var(--shadow-card)}.accordion__header{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;justify-content:space-between;padding:14px 16px;text-align:left;width:100%}.accordion__title{flex:1 1;font-size:14px;font-weight:500;padding-right:8px}.accordion__icon{color:var(--text-tertiary);flex-shrink:0;transition:transform .3s ease}.accordion--open .accordion__icon{transform:rotate(180deg)}.accordion__body{max-height:0;overflow:hidden;transition:max-height .3s ease}.accordion--open .accordion__body{max-height:300px}.accordion__content{color:var(--text-secondary);font-size:13px;line-height:1.6;padding:0 16px 14px}.faq{padding:16px 16px 100px}.faq__subtitle{color:var(--text-secondary);font-size:14px}.faq__section,.faq__subtitle{margin-bottom:20px}.faq__section-title{color:var(--text-tertiary);font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;padding-left:4px;text-transform:uppercase}.faq__items{display:flex;flex-direction:column;gap:8px}
/*# sourceMappingURL=main.0252b590.css.map*/