:root{--bg:#0f1115;--card:#1a1d23;--text:#f2f3f5;--muted:#8b92a0;--accent:#5b8cff;--success:#34c27a;--danger:#f2555a;--radius:18px;--gap:12px;--pad:16px;--font:system-ui,sans-serif;--nav-height:64px;--nav-side-margin:16px;--nav-bottom-margin:12px;--nav-max-width:420px;--nav-radius:28px;--nav-item-radius:22px;--nav-icon-size:24px;--nav-label-size:11px;--nav-blur:14px;--nav-bg:#20242c;--nav-text:#8b92a0;--nav-active-text:#7fa2ff;--nav-active-bg:rgba(91,140,255,.18);--nav-shadow:0 6px 24px rgba(0,0,0,.45)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font)}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1;padding:var(--pad);padding-top:calc(var(--pad) + env(safe-area-inset-top));padding-bottom:calc(var(--nav-height) + var(--nav-bottom-margin) + env(safe-area-inset-bottom) + var(--pad))}h1{font-size:22px;margin:4px 0 var(--gap)}.card{background:var(--card);border-radius:var(--radius);padding:var(--pad);margin-bottom:var(--gap)}.row{display:flex;justify-content:space-between;align-items:center}.stub{color:var(--muted)}.notice.granted{color:var(--success)}.notice.error,.notice.not_subscribed{color:var(--danger)}nav{position:fixed;z-index:10;left:50%;transform:translate(-50%);width:min(calc(100% - 2 * var(--nav-side-margin)),var(--nav-max-width));bottom:calc(var(--nav-bottom-margin) + env(safe-area-inset-bottom));height:var(--nav-height);padding:6px;display:flex;gap:4px;background:var(--nav-bg);border-radius:var(--nav-radius);box-shadow:var(--nav-shadow);-webkit-backdrop-filter:blur(var(--nav-blur));backdrop-filter:blur(var(--nav-blur))}nav button{flex:1;background:none;border:0;color:var(--nav-text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:inherit;font-size:var(--nav-label-size);border-radius:var(--nav-item-radius);transition:background .2s,color .2s}nav button.active{color:var(--nav-active-text);background:var(--nav-active-bg)}.nav-icon{width:var(--nav-icon-size);height:var(--nav-icon-size)}.center{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.center button{background:var(--accent);color:#fff;border:0;border-radius:var(--radius);padding:10px 20px;font:inherit}.spinner{width:32px;height:32px;border-radius:50%;border:3px solid var(--card);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:46px;height:28px;border-radius:14px;background:var(--muted);position:relative;transition:.2s;margin:0}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:.2s}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(18px)}.hero{min-height:33vh;display:flex;flex-direction:column;justify-content:center;gap:var(--hero-gap, 10px)}.big{font-size:56px;font-weight:700;line-height:1}.promo .big{font-size:30px}.big.expired{font-size:26px;color:var(--danger)}.unit{font-size:18px;color:var(--muted)}.muted{color:var(--muted);margin:0}.small{font-size:13px}.bar{height:var(--hero-bar-height, 8px);margin:0 var(--hero-bar-margin-x, 0);border-radius:4px;background:var(--bg);overflow:hidden}.bar i{display:block;height:100%;background:var(--accent);border-radius:4px}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:var(--tiles-gap, 8px)}.tile{background:var(--bg);border-radius:calc(var(--radius) - 6px);padding:var(--tiles-padding-y, 10px) var(--tiles-padding-x, 8px);display:flex;flex-direction:column;gap:var(--tiles-inner-gap, 4px);font-size:var(--tiles-label-size, 12px);min-width:0}.tile span{color:var(--muted);overflow-wrap:anywhere}.tile b{font-size:var(--tiles-value-size, 14px);line-height:1.2;white-space:nowrap}.btns{display:flex;gap:8px}.btn{flex:1;background:var(--bg);color:var(--text);border:0;border-radius:calc(var(--radius) - 4px);padding:12px 8px;font:inherit}.btn.primary{background:var(--accent);color:#fff}.btn:disabled{opacity:.6}button.action{width:100%;display:flex;align-items:center;gap:12px;border:0;color:var(--text);font:inherit;font-size:16px;text-align:left;padding:16px var(--pad)}button.action.primary{background:var(--accent);color:#fff;padding:22px var(--pad);font-weight:600}.ic{font-size:22px}.back{background:none;border:0;color:var(--accent);font:inherit;padding:4px 0}.flag{font-size:24px}.skeleton{min-height:64px;animation:pulse 1.2s ease-in-out infinite}.hero.skeleton{min-height:33vh}@keyframes pulse{50%{opacity:.5}}.seg{display:flex;gap:4px;padding:4px;position:relative;z-index:2;background:var(--card);border-radius:var(--nav-radius)}.seg button{flex:1;border:0;background:none;color:var(--muted);font:inherit;padding:10px;border-radius:var(--nav-item-radius);transition:background .2s,color .2s}.seg button.active{color:var(--nav-active-text);background:var(--nav-active-bg)}.card.dashed{position:relative;z-index:1;background:none;color:var(--muted);text-align:center;border:var(--tariffs-audience-border, 2px) dashed var(--muted);border-radius:var(--tariffs-audience-radius, 18px);margin-top:calc(-1 * var(--tariffs-audience-overlap, 26px));padding:calc(var(--tariffs-audience-padding, 14px) + var(--tariffs-audience-overlap, 26px)) var(--pad) var(--tariffs-audience-padding, 14px)}.features{min-height:25vh;display:flex;flex-direction:column;justify-content:center;gap:12px;font-size:17px}.periods{display:flex;flex-direction:column;gap:4px;padding:8px var(--pad)}.period{display:flex;align-items:center;gap:14px;width:100%;background:none;border:0;color:var(--text);font:inherit;font-size:16px;text-align:left;padding:12px 0}.period:disabled{opacity:.6}.grow{flex:1}.radio{width:22px;height:22px;flex:none;border-radius:50%;border:2px dashed var(--muted);transition:.2s}.radio.on{border:2px solid var(--accent);background:var(--accent)}.price{display:flex;flex-direction:column;align-items:flex-end}.price small{color:var(--success);font-size:12px}.btn.wide{width:100%;padding:16px;font-size:16px;font-weight:600}.section-title{margin:4px 4px 8px;font-size:14px}.profile-hero{padding:var(--profile-padding, 14px)}.who{display:flex;align-items:center;gap:var(--profile-top-gap, 14px);padding-bottom:var(--profile-divider-gap, 14px)}.avatar{width:var(--profile-avatar-size, 76px);height:var(--profile-avatar-size, 76px);flex:none;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:30px;font-weight:600}.names{display:flex;flex-direction:column;gap:2px;min-width:0}.nick{font-size:var(--profile-name-size, 24px);line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uname{font-size:var(--profile-username-size, 14px);color:var(--muted);opacity:.8;overflow:hidden;text-overflow:ellipsis}.badge{font-size:var(--profile-status-size, 12px);font-weight:600;margin-top:2px}.badge.ok{color:var(--success)}.badge.off{color:var(--danger)}.stats{display:grid;grid-template-columns:1fr 1fr;border-top:var(--profile-divider-width, 1px) solid var(--profile-divider, rgba(128,128,128,.2))}.stats>div{display:flex;flex-direction:column;gap:6px;padding-top:var(--profile-divider-gap, 14px);min-width:0}.stats>div+div{border-left:var(--profile-divider-width, 1px) solid var(--profile-divider, rgba(128,128,128,.2));padding-left:var(--profile-divider-gap, 14px)}.label{font-size:var(--profile-label-size, 14px);color:var(--muted)}.num{font-size:var(--profile-number-size, 34px);font-weight:700;line-height:1.1;white-space:nowrap}.num small{font-size:.5em;font-weight:600;color:var(--muted)}.tx{display:flex;flex-direction:column;gap:6px}.tx .row{gap:12px}.tx-status.paid{color:var(--success)}.tx-status.failed{color:var(--danger)}