body[data-page=subscription]{background:#303c43}.app:has(.subscription-screen){background:#303c43;padding-left:12px;padding-right:12px;padding-bottom:108px}.app:has(.subscription-screen)>header{background:#303c43}.app:has(.subscription-screen) .back-heading{position:relative;justify-content:center;min-height:44px}.app:has(.subscription-screen) .back-heading>.icon-button{position:absolute;left:0}.app:has(.subscription-screen) .back-heading h1{font-size:15px;font-weight:650}.subscription-screen{--plan-color:#3bc2b3;color:#f3f5f6;max-width:420px;margin:0 auto}.subscription-current{font-size:10px;text-align:center;color:#8b9398;margin:-6px 0 15px}.account-picker{display:flex;align-items:center;gap:10px}.account-arrow{height:64px;width:36px;flex:0 0 36px;border-radius:14px;background:#29343b;color:#3ac3b1;display:grid;place-items:center;padding:8px}.account-arrow:disabled{opacity:.2}.account-arrow .icon{width:19px;height:19px}.account-window{height:64px;overflow:hidden;flex:1;position:relative;outline:none;touch-action:pan-y;mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent)}.account-selection{position:absolute;left:50%;top:7px;transform:translateX(-50%);height:50px;width:110px;border-radius:14px;background:#3bc2b32b}.account-track{position:relative;display:flex;width:100%;height:64px;transition:transform 280ms cubic-bezier(.23,1,.32,1);will-change:transform}.account-track button{flex:0 0 110px;background:none;font-size:18px;opacity:.28;color:#eaf1f1;font-weight:650;transition:opacity 180ms,transform 280ms cubic-bezier(.23,1,.32,1)}.account-track button.selected{opacity:1;transform:scale(1.12)}.account-picker-caption{color:#8f989d;font-size:10px;text-align:center;margin:2px 0 18px}.subscription-card{border-radius:22px;padding:20px 18px;background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--plan-color) 24%,transparent),transparent 82%),#252f35;transition:background-color 280ms;overflow:hidden;min-height:242px}.subscription-card h2{color:var(--plan-color);font-size:13px;margin-bottom:12px;transition:color 220ms}.subscription-price-line{display:flex;align-items:baseline;white-space:nowrap;gap:0;line-height:1.14;font-size:clamp(30px,10vw,46px);font-weight:800;letter-spacing:-1.9px}.subscription-price-line>small{font-size:12px;letter-spacing:-.25px;color:#949da2;margin-left:5px;font-weight:600}.price-reels{display:inline-flex;height:1.15em;vertical-align:bottom;overflow:hidden;line-height:1.15}.reel-digit,.reel-symbol{display:inline-block;height:1.15em;position:relative;line-height:1.15;min-width:.7em;text-align:center}.reel-symbol{min-width:.28em}.reel-track{display:flex;flex-direction:column;will-change:transform;line-height:1.15}.reel-track>span{display:block;height:1.15em;line-height:1.15;flex-shrink:0}.subscription-total{font-size:9px;color:#929ca1;min-height:16px;margin:5px 0 14px;line-height:1.8;letter-spacing:-.2px}.subscription-gift{display:inline-block;margin-left:8px;background:color-mix(in srgb,var(--plan-color) 20%,transparent);color:var(--plan-color);padding:0 6px;border-radius:5px;font-size:8px}.subscription-card ul{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:10px}.subscription-card li{display:flex;align-items:center;gap:9px;font-size:10px;line-height:1.6;font-weight:450}.subscription-card li>span{width:28px;height:28px;border-radius:7px;background:color-mix(in srgb,var(--plan-color) 17%,transparent);color:var(--plan-color);display:grid;place-items:center;flex-shrink:0}.subscription-card li .icon{width:16px;height:16px}.subscription-periods{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;background:#263138;padding:6px;border-radius:17px;margin-top:21px}.subscription-periods button{position:relative;border-radius:10px;padding:10px 2px 8px;background:transparent;color:#8c959a;font-size:10px;line-height:1.5;min-height:48px;transition:background 180ms,color 180ms}.subscription-periods button.selected{background:#3bc2b31e;box-shadow:inset 0 0 0 1px #3bc2b326;color:#45cfbc}.subscription-periods small{display:block;font-size:9px;color:#9ea5a8}.sub-discount{position:absolute;right:0;top:-13px;background:color-mix(in srgb,var(--plan-color) 28%,#27343a);color:var(--plan-color);border-radius:9px;padding:0 6px;font-size:8px;line-height:18px}.subscription-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;background:#263138;padding:6px;border-radius:16px;margin-top:15px}.subscription-methods button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:43px;padding:8px 3px;border-radius:11px;background:none;color:#929a9f;font-size:10px;font-weight:550;transition:background 180ms,color 180ms}.subscription-methods button.selected{background:#3bc2b31c;box-shadow:inset 0 0 0 1px #3bc2b326;color:#48cdbb}.currency-icon{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;flex-shrink:0}.currency-icon .icon{width:14px;height:14px}.currency-USDT{background:#2aa98b;color:white}.currency-TON{background:#1498d9;color:white}.currency-XTR{color:#ffcf45}.currency-XTR .icon{width:18px;height:18px}.subscription-payment-hint{font-size:9px;color:#909ba1;line-height:1.8;margin:7px 14px 0}.subscription-payment-state{font-size:10px;line-height:1.8;color:#7ce5d5;margin:10px 12px;overflow-wrap:anywhere}.subscription-payment-state:empty{display:none}.subscription-terms{font-size:9px;display:flex;gap:8px;align-items:center;margin:14px 12px;color:#a5afb4}.subscription-terms input{width:16px;height:16px;flex-shrink:0;accent-color:#39bcad;margin:0}.subscription-terms button{background:none;color:#7dd5ca;border-bottom:1px solid #7dd5ca66;padding:0;font-size:inherit}.enterprise-card{border:1px solid #dfc77e55;background:radial-gradient(ellipse at 100% 0,#dfc77e1c,transparent 82%),#181e22;min-height:295px}.enterprise-card .subscription-price-line{font-size:28px;color:#dfc77e;letter-spacing:-1px}.enterprise-card .subscription-price-line small{font-size:9px;max-width:100px;white-space:normal}.enterprise-total{font-size:17px!important;font-weight:650!important;margin-top:8px}.subscription-pay{background:#273138!important;border-top:1px solid #364148!important;padding:12px!important}.subscription-pay>button{background:#3ebfac!important;border-radius:5px!important;min-height:41px!important;color:#fff!important;font-size:11px!important;font-weight:550!important;box-shadow:none!important}.admin-panel h2{margin:22px 0 12px}.admin-panel .admin-stats{display:flex;gap:12px}.admin-panel .admin-stats>div{flex:1;padding:18px;background:var(--surface);border-radius:16px}.admin-panel .admin-stats strong{display:block;font-size:26px}.admin-panel .admin-stats small{font-size:10px;color:var(--muted)}.admin-panel label{font-size:11px}.admin-panel input,.admin-panel select{font-size:13px}.admin-price-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-panel .notice{font-size:10px}.admin-status{font-size:10px;color:var(--green);overflow-wrap:anywhere;margin:12px 0}
@media(max-width:360px){.subscription-card{padding:18px 14px}.subscription-card li{font-size:9px}.subscription-price-line{font-size:34px}.subscription-price-line>small{font-size:10px}.subscription-periods button{font-size:9px}.subscription-periods small{font-size:8px}.subscription-methods button{font-size:9px}.subscription-total{font-size:8px}.subscription-gift{margin-left:4px;font-size:7px}}
@media(prefers-reduced-motion:reduce){.account-track,.account-track button,.subscription-card,.subscription-periods button,.subscription-methods button{transition:none}.account-track{will-change:auto}.reel-track{will-change:auto}}

.app:has(.subscription-screen)>header{padding-top:0;padding-bottom:0;min-height:44px}.subscription-card .subscription-total[hidden]{display:none}.subscription-card:has(.subscription-total[hidden]) ul{margin-top:22px}

.subscription-periods small{display:flex;align-items:center;justify-content:center;gap:1px;white-space:nowrap;margin-top:2px}.subscription-periods .period-star{width:9px;height:9px;color:#f2ca61}.subscription-periods .period-price{letter-spacing:-.25px}.subscription-periods .reel-digit{min-width:.68em}

.subscription-price-line,.subscription-periods small{font-variant-numeric:tabular-nums}

.subscription-periods button.selected{background:color-mix(in srgb,var(--plan-color) 15%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--plan-color) 24%,transparent);color:var(--plan-color)}

.subscription-current{margin-top:0}