:root{--bg:#fbf8f4;--bg-card:#fff;--bg-card-hover:#f7f3ee;--accent:#7c6eaa;--accent-light:#a99bd4;--accent-soft:#7c6eaa1a;--success:#5ba87c;--success-soft:#5ba87c1a;--danger:#d4574e;--danger-soft:#d4574e1a;--text:#2d2b32;--text-secondary:#8a8691;--text-white:#fff;--border:#0000000f;--shadow-card:0 2px 12px #0000000f;--radius:16px;--radius-sm:12px;--radius-xs:8px}@media (prefers-color-scheme:dark){:root{--bg:#1c1b1f;--bg-card:#2b2930;--bg-card-hover:#353340;--accent:#a99bd4;--accent-light:#c4b8e8;--accent-soft:#a99bd426;--success:#6ec592;--success-soft:#6ec59226;--danger:#e8685f;--danger-soft:#e8685f26;--text:#e8e5ec;--text-secondary:#8a8691;--text-white:#fff;--border:#ffffff0f;--shadow-card:0 2px 12px #0000004d}body{background:#1c1b1f}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.app{max-width:480px;min-height:100vh;margin:0 auto;padding:16px 16px 120px;padding-top:var(--tg-top-pad,16px)!important}.tg-mobile .app{padding-top:60px!important}.tg-fullscreen .app{padding-top:120px!important}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-card);border:1px solid var(--border);margin-bottom:12px;padding:20px;transition:transform .15s}.card:active{transform:scale(.99)}.profile-header{text-align:center;flex-direction:column;align-items:center;padding:24px 20px;display:flex}.profile-avatar{object-fit:cover;border:3px solid var(--accent-soft);border-radius:50%;width:80px;height:80px;margin-bottom:12px}.profile-name{margin-bottom:4px;font-size:22px;font-weight:700}.profile-subtitle{color:var(--text-secondary);font-size:14px}.stats-row{gap:8px;display:flex}.stat-card{text-align:center;flex:1;padding:16px 8px}.stat-value{color:var(--accent);margin-bottom:4px;font-size:22px;font-weight:700}.stat-label{color:var(--text-secondary);font-size:12px}.sub-card{border:1px solid var(--accent-soft);background:var(--accent-soft);padding:20px}.sub-card.active{border-color:var(--success);background:var(--success-soft)}.sub-status{align-items:center;gap:8px;margin-bottom:8px;display:flex}.sub-badge{border-radius:20px;padding:4px 12px;font-size:13px;font-weight:600}.sub-badge.free{background:var(--accent-soft);color:var(--accent)}.sub-badge.active{background:var(--success-soft);color:var(--success)}.sub-text{color:var(--text-secondary);font-size:14px;line-height:1.5}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;padding:14px 20px;font-family:inherit;font-size:16px;font-weight:600;transition:all .2s;display:flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--text-white)}.btn-primary:hover{opacity:.9}.btn-outline{color:var(--accent);border:1.5px solid var(--accent);background:0 0}.btn-danger{background:var(--danger-soft);color:var(--danger)}.paywall{text-align:center}.paywall-title{margin-bottom:8px;font-size:22px;font-weight:700}.paywall-subtitle{color:var(--text-secondary);margin-bottom:24px;font-size:14px;line-height:1.5}.paywall-features{text-align:left;margin-bottom:24px}.paywall-feature{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;font-size:15px;display:flex}.paywall-feature:last-child{border-bottom:none}.paywall-feature .icon{background:var(--accent-soft);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.paywall-price{color:var(--accent);margin-bottom:4px;font-size:28px;font-weight:800}.paywall-price-hint{color:var(--text-secondary);margin-bottom:20px;font-size:13px}.settings-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 0;display:flex}.settings-item:last-child{border-bottom:none}.settings-label{font-size:15px}.settings-link{color:var(--accent);font-size:14px;text-decoration:none}.toggle{background:var(--border);cursor:pointer;border:none;border-radius:14px;width:48px;height:28px;transition:background .2s;position:relative}.toggle.on{background:var(--accent)}.toggle:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.toggle.on:after{transform:translate(20px)}.bottom-nav{background:var(--bg-card);border-top:1px solid var(--border);z-index:100;padding-bottom:env(safe-area-inset-bottom,0);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #0000000a}.nav-item{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:10px 4px 8px;font-family:inherit;transition:color .2s;display:flex}.nav-item.active{color:var(--accent)}.nav-label{font-size:11px;font-weight:600}.loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:60vh;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s fadeIn}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.text-center{text-align:center}.text-secondary{color:var(--text-secondary)}.text-sm{font-size:13px}