@charset "UTF-8";.app-header{position:sticky;top:0;z-index:9;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:min(100%,720px);min-height:74px;margin:0 auto;padding:calc(12px + env(safe-area-inset-top)) 18px 12px;border:0;border-bottom:1px solid color-mix(in srgb,var(--color-border) 76%,transparent);border-radius:0;background:var(--color-bg);background:linear-gradient(180deg,var(--glass-top),var(--glass-bottom)),color-mix(in srgb,var(--color-surface) 88%,transparent);box-shadow:0 10px 28px var(--shadow-soft),inset 0 1px 0 var(--inset-highlight),inset 0 -18px 34px var(--glass-bottom);backdrop-filter:blur(20px) saturate(1.35);-webkit-backdrop-filter:blur(20px) saturate(1.35)}.app-header__avatar{display:grid;place-items:center;width:38px;height:38px;border:1px solid color-mix(in srgb,var(--color-button) 44%,transparent);border-radius:13px;color:var(--color-button);background:color-mix(in srgb,var(--color-button) 14%,transparent);box-shadow:inset 0 1px 0 var(--inset-highlight-soft)}.app-header__avatar svg{width:16px;height:16px}.app-header__copy{display:grid;gap:3px;min-width:0}.app-header__line{display:flex;align-items:baseline;min-width:0;color:var(--color-muted);font-size:10px;line-height:1.2}.app-header__line span,.app-header__line strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header__line strong{color:var(--color-text);font-size:12px;font-weight:700}.app-header__line--title strong{display:block;max-width:100%;font-size:18px;line-height:1.15}.app-header__actions{display:flex;align-items:center;gap:8px;min-width:0}.app-header__status{display:inline-flex;align-items:center;gap:6px;min-height:28px;max-width:124px;padding:0 10px;border:1px solid color-mix(in srgb,var(--color-button) 38%,transparent);border-radius:999px;color:var(--color-muted);background:color-mix(in srgb,var(--color-button) 10%,transparent);font-size:12px;font-weight:650;line-height:1;white-space:nowrap}.app-header__status span{flex:0 0 auto;width:6px;height:6px;border-radius:999px;background:var(--color-danger)}.app-header__status--active{border-color:var(--color-success-border);color:var(--color-success-text);background:var(--color-success-bg)}.app-header__status--active span{background:var(--color-success-dot)}.app-header__notification{position:relative;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid color-mix(in srgb,var(--color-border) 90%,transparent);border-radius:12px;color:var(--color-muted);background:color-mix(in srgb,var(--color-surface) 58%,transparent);-webkit-tap-highlight-color:transparent}.app-header__notification:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px}.app-header__notification svg{width:14px;height:14px}.app-header__notification>span{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border:2px solid var(--color-bg);border-radius:999px;background:var(--color-danger);color:#fff;font-size:10px;font-weight:800;line-height:1}.app-header__notification--active{color:var(--color-button);border-color:color-mix(in srgb,var(--color-button) 45%,transparent);background:color-mix(in srgb,var(--color-button) 12%,transparent)}.app-header__notification:active{transform:scale(.96)}.app-header__notification:focus-visible{outline:2px solid color-mix(in srgb,var(--color-button) 64%,transparent);outline-offset:2px}.app-header__notification-wrap{position:relative}.app-header__notifications-panel{position:fixed;top:calc(74px + env(safe-area-inset-top));right:max(16px,(100vw - 720px) / 2 + 16px);left:max(16px,(100vw - 720px) / 2 + 16px);z-index:20;max-height:min(420px,100vh - 120px);overflow:auto;padding:12px;border:1px solid color-mix(in srgb,var(--color-border) 86%,transparent);border-radius:12px;background:var(--color-surface);box-shadow:0 18px 48px var(--shadow-soft)}.app-header__notifications-panel p{margin:8px 4px 4px;color:var(--color-muted);font-size:13px}.app-header__notifications-title{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:12px;padding:0 0 10px}.app-header__notifications-title div{display:grid;gap:2px;min-width:0}.app-header__notifications-title strong,.app-header__notifications-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header__notifications-title strong{font-size:15px;line-height:1.15}.app-header__notifications-title span{color:var(--color-muted);font-size:12px;line-height:1.2}.app-header__notifications-title button{position:relative;display:grid;place-items:center;width:34px;height:34px;border:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);border-radius:8px;background:color-mix(in srgb,var(--color-bg) 70%,transparent);color:var(--color-button);cursor:pointer}.app-header__notifications-title button:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px}.app-header__notifications-title button svg{width:14px;height:14px}.app-header__notifications-list{display:grid;gap:8px}.app-header__notification-item{display:grid;grid-template-columns:30px minmax(0,1fr) 28px;gap:8px;align-items:center;min-height:58px;padding:8px;border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent);border-radius:8px;background:color-mix(in srgb,var(--color-bg) 74%,transparent);cursor:pointer}.app-header__notification-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:color-mix(in srgb,var(--color-button) 12%,transparent);color:var(--color-button)}.app-header__notification-mark svg{width:13px;height:13px}.app-header__notification-copy{display:grid;gap:4px;min-width:0}.app-header__notification-copy strong,.app-header__notification-copy span{overflow-wrap:anywhere}.app-header__notification-copy strong{font-size:13px;line-height:1.25}.app-header__notification-copy span{color:var(--color-muted);font-size:12px;line-height:1.35}.app-header__notification-item button{position:relative;align-self:center;justify-self:center;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--color-muted);cursor:pointer}.app-header__notification-item button:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.app-header__notification-item button svg{width:13px;height:13px}@media(min-width:720px){.app-header{border-radius:0 0 22px 22px}.app-header__notifications-panel{position:absolute;top:calc(100% + 10px);right:0;left:auto;width:360px}}.bottom-nav{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));left:max(14px,env(safe-area-inset-left));z-index:10;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:min(100% - 28px,520px);min-height:60px;margin:0 auto;padding:8px 10px;border:1px solid color-mix(in srgb,var(--color-border) 76%,transparent);border-radius:24px;background:var(--color-surface);background:linear-gradient(180deg,var(--glass-top),var(--glass-bottom)),color-mix(in srgb,var(--color-surface) 90%,transparent);box-shadow:0 18px 44px var(--shadow-ambient),inset 0 1px 0 var(--inset-highlight);backdrop-filter:blur(20px) saturate(1.35);-webkit-backdrop-filter:blur(20px) saturate(1.35)}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:46px;border-radius:16px;color:var(--color-muted);font-size:10px;font-weight:650;line-height:1.1;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:background-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.bottom-nav__item svg{width:17px;height:17px}.bottom-nav__item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav__item--active{color:var(--color-button);background:transparent;box-shadow:none;transform:translateY(-1px)}.bottom-nav__item--active:active{background:color-mix(in srgb,var(--color-button) 10%,transparent)}.bottom-nav__item:active{background:color-mix(in srgb,var(--color-button) 14%,transparent);transform:translateY(0) scale(.98)}.bottom-nav__item:focus-visible{outline:2px solid color-mix(in srgb,var(--color-button) 64%,transparent);outline-offset:2px}.bottom-nav__icon{position:relative;display:grid;place-items:center;overflow:visible}.bottom-nav__dot{position:absolute;top:-4px;right:-8px;display:block;width:8px;height:8px;max-width:none;border:2px solid var(--color-surface);border-radius:999px;background:var(--color-danger);overflow:visible;white-space:normal}.bottom-nav__item .bottom-nav__icon,.bottom-nav__item .bottom-nav__dot{overflow:visible}.realtime-notifications{position:fixed;z-index:30;right:max(16px,(100vw - 720px) / 2 + 16px,env(safe-area-inset-right));left:max(16px,(100vw - 720px) / 2 + 16px,env(safe-area-inset-left));bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + 16px);display:grid;gap:8px;width:auto}.realtime-toast{display:grid;grid-template-columns:32px minmax(0,1fr) 30px;gap:10px;align-items:start;min-height:58px;padding:10px;border:1px solid color-mix(in srgb,var(--color-border) 78%,transparent);border-radius:8px;background:color-mix(in srgb,var(--color-surface) 96%,transparent);box-shadow:0 14px 34px var(--shadow-soft);color:var(--color-text);cursor:pointer;animation:realtime-toast-in .16s ease-out}.realtime-toast__icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:color-mix(in srgb,var(--color-button) 12%,transparent);color:var(--color-button)}.realtime-toast__icon svg{width:13px;height:13px}.realtime-toast__copy{display:grid;gap:4px;min-width:0}.realtime-toast__copy strong,.realtime-toast__copy span{overflow-wrap:anywhere}.realtime-toast__copy strong{font-size:13px;line-height:1.25}.realtime-toast__copy span{color:var(--color-muted);font-size:12px;line-height:1.35}.realtime-toast__close{position:relative;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--color-muted);cursor:pointer}.realtime-toast__close:before{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px}.realtime-toast__close svg{width:13px;height:13px}@media(min-width:720px){.realtime-notifications{left:auto;width:340px}}@keyframes realtime-toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.app-layout{min-height:100vh;padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom))}.app-layout__content{width:min(100%,720px);margin:0 auto}.ui-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:14px;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.ui-button:active{transform:scale(.98)}.ui-button:disabled{cursor:default;opacity:.65}.ui-button--primary{padding:0 14px;border:0;color:var(--color-button-text);background:var(--color-button);box-shadow:0 10px 24px color-mix(in srgb,var(--color-button) 22%,transparent),inset 0 1px #ffffff38}.ui-button--secondary{padding:0 14px;border:1px solid color-mix(in srgb,var(--color-button) 30%,transparent);color:var(--color-text);background:color-mix(in srgb,var(--color-button) 9%,transparent);box-shadow:inset 0 1px #ffffff2e}.ui-button--secondary:hover,.ui-button--secondary:focus-visible{border-color:color-mix(in srgb,var(--color-button) 46%,transparent);background:color-mix(in srgb,var(--color-button) 14%,transparent)}.ui-button--danger{padding:0 14px;border:1px solid color-mix(in srgb,var(--color-danger) 36%,transparent);color:var(--color-danger-text);background:linear-gradient(180deg,var(--glass-top-soft),var(--glass-bottom-soft)),color-mix(in srgb,var(--color-danger) 10%,var(--color-surface));box-shadow:0 8px 18px color-mix(in srgb,var(--color-danger) 12%,transparent),inset 0 1px 0 var(--inset-highlight-soft)}.ui-button--danger:hover,.ui-button--danger:focus-visible{border-color:color-mix(in srgb,var(--color-danger) 52%,transparent);background:linear-gradient(180deg,var(--glass-top-soft),var(--glass-bottom-soft)),color-mix(in srgb,var(--color-danger) 15%,var(--color-surface))}.ui-button--text{min-height:32px;margin-bottom:12px;padding:0 14px;border:0;color:var(--color-link);background:transparent}.ui-button--copy{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid color-mix(in srgb,var(--color-button) 32%,transparent);border-radius:14px;color:var(--color-button);background:linear-gradient(180deg,var(--glass-top-soft),var(--glass-bottom-soft)),color-mix(in srgb,var(--color-button) 9%,var(--color-surface));font-weight:600;box-shadow:0 8px 18px var(--shadow-soft),inset 0 1px 0 var(--inset-highlight-soft)}.ui-button--copy svg{width:15px;height:15px}.ui-button--copy.ui-button--done{border-color:var(--color-success-border);color:var(--color-success-text);background:var(--color-success-bg)}.ui-button--card{display:grid;gap:12px;width:100%;min-height:0;padding:16px;border:1px solid color-mix(in srgb,var(--color-button) 24%,var(--color-border));border-radius:22px;background:var(--color-surface);background:linear-gradient(180deg,var(--glass-top),var(--glass-bottom)),color-mix(in srgb,var(--color-surface) 88%,transparent);box-shadow:0 14px 34px var(--shadow-ambient),inset 0 1px 0 var(--inset-highlight),inset 0 -18px 34px var(--glass-bottom);backdrop-filter:blur(20px) saturate(1.32);-webkit-backdrop-filter:blur(20px) saturate(1.32);-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--color-text);font:inherit;text-align:left;cursor:pointer}.ui-button--card:disabled{cursor:default;opacity:.65}.info-card{display:grid;min-width:0;gap:14px;padding:16px;border:1px solid color-mix(in srgb,var(--color-button) 24%,var(--color-border));border-radius:22px;background:var(--color-surface);background:linear-gradient(180deg,var(--glass-top),var(--glass-bottom)),color-mix(in srgb,var(--color-surface) 88%,transparent);box-shadow:0 14px 34px var(--shadow-ambient),inset 0 1px 0 var(--inset-highlight),inset 0 -18px 34px var(--glass-bottom);backdrop-filter:blur(20px) saturate(1.32);-webkit-backdrop-filter:blur(20px) saturate(1.32)}.info-card strong{white-space:nowrap}.info-card__icon{display:flex;flex:0 0 auto}.info-card__heading{display:flex;align-items:center;min-width:0;gap:12px}.info-card__heading h2{overflow:hidden;flex:1 1 auto;min-width:0;margin:0;color:var(--color-text);font-size:22px;font-weight:800;line-height:1.15;white-space:nowrap;text-overflow:ellipsis}.info-card__content{display:grid;gap:12px}.info-card__content>.ui-button--primary,.info-card__content>.ui-button--secondary{width:100%}.info-card__title-left{display:flex;flex:0 0 auto;margin-left:auto}.info-card__title-left>strong{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid color-mix(in srgb,var(--color-button) 24%,transparent);border-radius:999px;color:var(--color-muted);background:color-mix(in srgb,var(--color-button) 9%,transparent);font-size:13px;font-weight:650}.info-card__title-left>.plan-price{min-height:32px;padding:0 13px;border-color:color-mix(in srgb,var(--color-button) 42%,transparent);color:var(--color-button-text);-webkit-text-fill-color:var(--color-button-text);background:var(--color-button);font-size:14px;font-weight:700;letter-spacing:0;box-shadow:0 8px 20px color-mix(in srgb,var(--color-button) 24%,transparent),inset 0 1px #ffffff38}.plan-price-block{display:grid;justify-items:end;gap:3px}.plan-price-block__day{color:var(--color-muted);font-size:11px;font-weight:600;white-space:nowrap}.plan-details-link{margin-bottom:0}.info-card-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid color-mix(in srgb,var(--color-button) 38%,transparent);border-radius:16px;color:var(--color-button);background:color-mix(in srgb,var(--color-button) 14%,transparent);box-shadow:inset 0 1px 0 var(--inset-highlight-soft)}.info-card-icon svg{width:22px;height:22px}@media(max-width:520px){.info-card{padding:16px}}.help-page,.connection-guide,.documents-page{gap:14px}.help-nav-card{grid-template-columns:48px minmax(0,1fr) 18px;align-items:center;gap:12px}.help-nav-card__copy{display:grid;min-width:0;gap:4px}.help-nav-card__copy strong{color:var(--color-text);font-size:17px;line-height:1.25;white-space:normal}.help-nav-card__copy>span{color:var(--color-muted);font-size:13px;line-height:1.3;white-space:normal}.help-nav-card__chevron{display:grid;place-items:center;color:var(--color-muted)}.help-nav-card__chevron svg{width:15px;height:15px}.document-card{grid-template-columns:44px minmax(0,1fr) 16px;gap:10px;padding:14px}.document-card .info-card-icon{width:44px;height:44px;border-radius:14px}.document-card .info-card-icon svg{width:20px;height:20px}.document-card .help-nav-card__copy{gap:3px}.document-card .help-nav-card__copy strong{font-size:15px;line-height:1.2;letter-spacing:-.2px;white-space:nowrap}.document-card .help-nav-card__copy>span{font-size:12px;line-height:1.2;letter-spacing:-.1px;white-space:nowrap}.platform-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.platform-picker__item{display:grid;place-items:center;align-content:center;gap:8px;min-width:0;min-height:72px;padding:8px 4px;border:1px solid color-mix(in srgb,var(--color-button) 18%,var(--color-border));border-radius:16px;color:var(--color-muted);background:linear-gradient(180deg,var(--glass-top-soft),var(--glass-bottom-soft)),color-mix(in srgb,var(--color-surface) 84%,transparent);box-shadow:inset 0 1px 0 var(--inset-highlight-soft),0 6px 14px var(--shadow-soft);cursor:pointer;touch-action:manipulation;transition:border-color .16s ease,color .16s ease,background-color .16s ease,box-shadow .16s ease}.platform-picker__item svg{width:25px;height:25px}.platform-picker__item span{overflow:hidden;max-width:100%;font-size:11px;font-weight:650;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.platform-picker__item:hover,.platform-picker__item:focus-visible{border-color:color-mix(in srgb,var(--color-button) 42%,transparent);color:var(--color-button)}.platform-picker__item:focus-visible{outline:2px solid color-mix(in srgb,var(--color-button) 56%,transparent);outline-offset:2px}.platform-picker__item--active{border-color:color-mix(in srgb,var(--color-button) 50%,transparent);color:var(--color-button);background:linear-gradient(180deg,var(--glass-top-soft),var(--glass-bottom-soft)),color-mix(in srgb,var(--color-button) 13%,var(--color-surface));box-shadow:0 8px 20px color-mix(in srgb,var(--color-button) 14%,transparent),inset 0 1px 0 var(--inset-highlight-soft)}.guide-steps{display:grid;gap:8px;padding:0;margin:0;list-style:none}.guide-steps li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;padding:11px;border:1px solid color-mix(in srgb,var(--color-button) 18%,var(--color-border));border-radius:16px;background:linear-gradient(180deg,var(--glass-top-soft),var(--glass-bottom-soft)),color-mix(in srgb,var(--color-surface) 82%,transparent);box-shadow:inset 0 1px 0 var(--inset-highlight-soft)}.guide-step__icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:var(--color-button);background:color-mix(in srgb,var(--color-button) 12%,transparent)}.guide-step__icon svg{width:16px;height:16px}.guide-steps li>div{display:grid;min-width:0;gap:6px}.guide-steps strong{color:var(--color-text);font-size:14px;line-height:1.3;white-space:normal}.guide-steps p{font-size:13px}.guide-steps .ui-button--secondary{margin-top:2px}.guide-steps .ui-button--text{justify-content:flex-start;width:max-content;min-height:28px;padding:0;margin:0}@media(max-width:360px){.platform-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.platform-picker__item{transition:none}}:root{color-scheme:light;--color-bg: var(--tg-theme-bg-color, #ffffff);--color-surface: var(--tg-theme-secondary-bg-color, #f3f4f6);--color-text: var(--tg-theme-text-color, #111827);--color-muted: var(--tg-theme-hint-color, #6b7280);--color-link: var(--tg-theme-link-color, #2481cc);--color-button: var(--tg-theme-button-color, #2481cc);--color-button-text: var(--tg-theme-button-text-color, #ffffff);--color-border: rgba(17, 24, 39, .12);--color-danger: #dc2626;--radius: 8px;--bottom-nav-height: 88px;--glass-top: rgba(255, 255, 255, .38);--glass-bottom: rgba(255, 255, 255, .14);--glass-top-soft: rgba(255, 255, 255, .26);--glass-bottom-soft: rgba(255, 255, 255, .08);--inset-highlight: rgba(255, 255, 255, .52);--inset-highlight-soft: rgba(255, 255, 255, .3);--shadow-ambient: rgba(8, 16, 28, .15);--shadow-soft: rgba(8, 16, 28, .06);--color-success-text: #15803d;--color-success-bg: rgba(22, 163, 74, .12);--color-success-border: rgba(22, 163, 74, .28);--color-success-dot: #16a34a;--color-warning-text: #b45309;--color-warning-bg: rgba(180, 83, 9, .12);--color-warning-border: rgba(180, 83, 9, .28);--color-danger-text: #b91c1c;--color-danger-bg: rgba(185, 28, 28, .1);--color-danger-border: rgba(185, 28, 28, .26)}:root[data-theme=dark]{color-scheme:dark;--color-bg: #0a0f1a;--color-surface: #141d2e;--color-text: #edf2fa;--color-muted: #93a5c2;--color-link: #6fb2ff;--color-button: #4a94ff;--color-button-text: #06101f;--color-border: rgba(148, 178, 224, .16);--color-danger: #f87171;--glass-top: rgba(163, 197, 255, .08);--glass-bottom: rgba(163, 197, 255, .02);--glass-top-soft: rgba(163, 197, 255, .055);--glass-bottom-soft: rgba(163, 197, 255, .018);--inset-highlight: rgba(190, 214, 255, .12);--inset-highlight-soft: rgba(190, 214, 255, .08);--shadow-ambient: rgba(2, 6, 14, .55);--shadow-soft: rgba(2, 6, 14, .35);--color-success-text: #4ade80;--color-success-bg: rgba(74, 222, 128, .14);--color-success-border: rgba(74, 222, 128, .3);--color-success-dot: #4ade80;--color-warning-text: #fbbf24;--color-warning-bg: rgba(251, 191, 36, .14);--color-warning-border: rgba(251, 191, 36, .3);--color-danger-text: #f87171;--color-danger-bg: rgba(248, 113, 113, .12);--color-danger-border: rgba(248, 113, 113, .3)}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;color:var(--color-text);background:var(--color-bg)}:root[data-theme=dark] body{background:radial-gradient(120% 60% at 85% -10%,rgba(74,148,255,.13),transparent 62%),radial-gradient(90% 50% at -10% 108%,rgba(45,212,191,.07),transparent 58%),var(--color-bg)}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.page{display:flex;flex-direction:column;min-height:calc(100vh - 98px - var(--bottom-nav-height) - env(safe-area-inset-bottom));padding:20px 16px}.page>.info-card:only-child{margin-block:auto}.page-heading{display:flex;justify-content:flex-end;margin-bottom:16px}.page h1,.auth-page h1{margin:0 0 12px;font-size:24px;line-height:1.2}.page p,.auth-page p{margin:0;color:var(--color-muted);line-height:1.45}.page__error{color:var(--color-danger)}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap}.status-pill{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid color-mix(in srgb,var(--color-button) 24%,transparent);border-radius:999px;color:var(--color-muted);background:color-mix(in srgb,var(--color-button) 9%,transparent);font-size:13px;font-weight:650}.status-pill--neutral{border-color:color-mix(in srgb,var(--color-button) 24%,transparent);color:var(--color-muted);background:color-mix(in srgb,var(--color-button) 9%,transparent)}.status-pill--active{border-color:var(--color-success-border);color:var(--color-success-text);background:var(--color-success-bg)}.status-pill--warning{border-color:var(--color-warning-border);color:var(--color-warning-text);background:var(--color-warning-bg)}.status-pill--danger{border-color:var(--color-danger-border);color:var(--color-danger-text);background:var(--color-danger-bg)}.status-first-card{align-content:start}.status-note{display:grid;grid-template-columns:10px minmax(0,1fr);align-items:center;gap:10px;min-height:44px;padding:8px 10px;border-radius:16px;background:color-mix(in srgb,var(--color-button) 7%,transparent)}.status-note__dot{width:9px;height:9px;border-radius:999px;background:var(--color-button);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-button) 14%,transparent)}.status-note div{display:grid;gap:2px;min-width:0}.status-note strong{overflow:hidden;color:var(--color-text);font-size:16px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.status-note span{overflow:hidden;color:var(--color-muted);font-size:13px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.status-metrics{display:grid;grid-template-columns:1fr;gap:7px}.metric-tile{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-content:center;align-items:center;column-gap:8px;min-width:0;min-height:48px;padding:9px 12px;border:1px solid color-mix(in srgb,var(--color-button) 20%,var(--color-border));border-radius:16px;background:linear-gradient(180deg,var(--glass-top-soft),var(--glass-bottom-soft)),color-mix(in srgb,var(--color-surface) 82%,transparent);box-shadow:inset 0 1px 0 var(--inset-highlight-soft),0 6px 14px var(--shadow-soft)}.metric-tile--accent{border-color:color-mix(in srgb,var(--color-button) 34%,var(--color-border));background:linear-gradient(180deg,var(--glass-top-soft),var(--glass-bottom-soft)),color-mix(in srgb,var(--color-button) 10%,var(--color-surface))}.metric-tile svg{width:16px;height:16px;color:var(--color-button)}.metric-tile span{color:var(--color-muted);font-size:12px;line-height:1.15}.metric-tile strong{overflow:hidden;color:var(--color-text);font-size:14px;line-height:1.25;text-align:right;text-overflow:ellipsis;white-space:nowrap}.metric-tile__value--accent{color:var(--color-success-text)}.status-actions{display:grid;grid-template-columns:1fr}.status-actions .ui-button{gap:8px;min-width:0;padding-inline:10px;white-space:nowrap}.status-actions__primary{position:relative;overflow:hidden;min-width:0}.status-actions__primary>*{position:relative;z-index:1}.status-actions__primary.ui-button--done{background:var(--color-button);box-shadow:0 10px 24px color-mix(in srgb,var(--color-button) 24%,transparent),inset 0 1px #ffffff38}.status-actions .ui-button svg,.status-first-card>.info-card__content>.ui-button svg{width:15px;height:15px}.empty-subscription{border-color:color-mix(in srgb,var(--color-button) 30%,transparent)}.empty-support{margin-top:8px}.empty-subscription__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.empty-support__actions{display:grid;margin-top:2px}.qr-box{display:grid;justify-items:center;padding:14px;border:1px solid color-mix(in srgb,var(--color-button) 16%,var(--color-border));border-radius:20px;background:linear-gradient(180deg,var(--glass-top-soft),var(--glass-bottom-soft)),color-mix(in srgb,var(--color-bg) 78%,var(--color-surface));box-shadow:inset 0 1px 0 var(--inset-highlight-soft),0 8px 22px var(--shadow-soft)}.qr-box img{display:block;width:min(240px,100%);height:auto;aspect-ratio:1;border-radius:16px}.card-list{display:grid;gap:14px}.card-link{display:block;color:inherit;text-decoration:none}.payment-method-list{display:grid;gap:10px}.payment-method-row{display:flex;align-items:center;gap:12px;min-height:56px;padding:0 14px;border:1px solid color-mix(in srgb,var(--color-button) 22%,var(--color-border));border-radius:14px;background:linear-gradient(180deg,var(--glass-top),var(--glass-bottom)),color-mix(in srgb,var(--color-surface) 70%,transparent);-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.payment-method-row:active{transform:scale(.98)}.payment-method-row:disabled{cursor:default;opacity:.65}.payment-method-row__icon{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;color:var(--color-button);background:color-mix(in srgb,var(--color-button) 12%,transparent)}.payment-method-row__icon svg{width:17px;height:17px}.payment-method-row__title{flex:1;min-width:0;overflow:hidden;font-size:14px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.payment-method-row__chevron{flex:0 0 auto;width:14px;height:14px;color:var(--color-muted)}.payment-method-row__spinner{flex:0 0 auto;width:16px;height:16px;border:2px solid color-mix(in srgb,var(--color-button) 25%,transparent);border-top-color:var(--color-button);border-radius:999px;animation:payment-method-spin .7s linear infinite}.payment-method-hint{display:flex;align-items:center;gap:6px;margin:0;color:var(--color-muted);font-size:12px}.payment-method-hint svg{width:13px;height:13px;flex:0 0 auto}@keyframes payment-method-spin{to{transform:rotate(360deg)}}.ui-button__spinner{flex:0 0 auto;width:15px;height:15px;margin-right:8px;border:2px solid color-mix(in srgb,currentcolor 30%,transparent);border-top-color:currentcolor;border-radius:999px;animation:payment-method-spin .7s linear infinite}.plan-specs>div{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:12px;min-height:46px;padding:10px 12px;border-color:color-mix(in srgb,var(--color-button) 22%,var(--color-border));border-radius:16px;background:linear-gradient(180deg,var(--glass-top-soft),var(--glass-bottom-soft)),color-mix(in srgb,var(--color-surface) 82%,transparent);box-shadow:inset 0 1px 0 var(--inset-highlight-soft),0 6px 14px var(--shadow-soft);backdrop-filter:blur(14px) saturate(1.18);-webkit-backdrop-filter:blur(14px) saturate(1.18)}.plan-specs dt{margin:0;color:var(--color-muted);font-size:11px;font-weight:650;line-height:1.15}.plan-specs dd{margin:0;min-width:max-content;color:var(--color-text);white-space:nowrap;font-size:14px;font-weight:720;line-height:1.25;text-align:right}.data-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.data-grid>div{min-width:0;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius);background:color-mix(in srgb,var(--color-surface) 80%,transparent)}.data-grid>div:first-child{border-color:color-mix(in srgb,var(--color-button) 28%,transparent);background:color-mix(in srgb,var(--color-button) 8%,transparent)}.data-grid dt{margin:0 0 4px;color:var(--color-muted);font-size:12px}.data-grid dd{margin:0;color:var(--color-text);font-size:16px;font-weight:700;line-height:1.25}.action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.section-title{margin:0;font-size:17px;line-height:1.25}.feature-list{display:grid;gap:10px}.feature-row{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--color-text);line-height:1.4}.feature-row__icon{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:30px;height:30px;border-radius:10px;color:var(--color-button);background:color-mix(in srgb,var(--color-button) 10%,transparent)}.feature-row__icon svg{width:14px;height:14px}@media(max-width:520px){.data-grid,.action-row,.empty-subscription__actions{grid-template-columns:1fr}}.info-card--skeleton{gap:14px}.skeleton-row{display:flex;align-items:center;gap:12px}.skeleton-block{display:block;border-radius:16px;background:color-mix(in srgb,var(--color-text) 8%,transparent);animation:skeleton-pulse 1.4s ease-in-out infinite}.skeleton-block--icon{flex:0 0 auto;width:48px;height:48px}.skeleton-block--title{flex:1 1 auto;height:22px;max-width:110px;border-radius:8px}.skeleton-block--price{flex:0 0 auto;width:64px;height:32px;margin-left:auto;border-radius:999px}.skeleton-block--tile{height:48px}@keyframes skeleton-pulse{0%,to{opacity:.55}50%{opacity:1}}.support-actions,.form-stack,.ticket-view{display:grid;gap:14px}.support-page{padding-bottom:170px}.support-create-ticket{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(96px + env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left));z-index:9;width:min(100% - 32px,720px);margin:0 auto}.form-stack,.message-list{display:grid;gap:12px}.support-actions{margin-top:16px}.form-field{display:grid;gap:6px}.form-field span{color:var(--color-muted);font-size:13px}.form-field textarea{width:100%;min-height:120px;padding:12px;border:1px solid color-mix(in srgb,var(--color-button) 22%,var(--color-border));border-radius:16px;color:var(--color-text);background:linear-gradient(180deg,var(--glass-top-soft),var(--glass-bottom-soft)),color-mix(in srgb,var(--color-surface) 82%,transparent);box-shadow:inset 0 1px 0 var(--inset-highlight-soft);outline:none;resize:vertical}.form-field textarea:focus{border-color:color-mix(in srgb,var(--color-button) 48%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-button) 14%,transparent),inset 0 1px 0 var(--inset-highlight-soft)}.category-chip-list{display:flex;flex-wrap:wrap;gap:8px}.category-chip{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border:1px solid color-mix(in srgb,var(--color-button) 22%,var(--color-border));border-radius:999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--color-text);background:linear-gradient(180deg,var(--glass-top-soft),var(--glass-bottom-soft)),color-mix(in srgb,var(--color-surface) 82%,transparent);font:inherit;font-size:13px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease}.category-chip:active{transform:scale(.97)}.category-chip--active{border-color:color-mix(in srgb,var(--color-button) 46%,transparent);color:var(--color-button-text);background:var(--color-button);box-shadow:0 8px 18px color-mix(in srgb,var(--color-button) 22%,transparent)}.new-ticket-card{margin-block:auto}.message-list{max-height:min(48vh,420px);overflow-y:auto;padding-right:2px;overscroll-behavior:contain;scrollbar-width:thin}.message-card{display:grid;gap:8px;padding:12px;border:1px solid color-mix(in srgb,var(--color-button) 18%,var(--color-border));border-radius:16px;background:linear-gradient(180deg,var(--glass-top-soft),var(--glass-bottom-soft)),color-mix(in srgb,var(--color-surface) 84%,transparent);box-shadow:0 6px 16px var(--shadow-soft),inset 0 1px 0 var(--inset-highlight-soft);content-visibility:auto;contain-intrinsic-size:78px}.message-card__meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--color-muted);font-size:13px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px 16px}.auth-page__content{width:min(100%,360px);padding:20px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.auth-page__error{color:var(--color-danger)}