:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color-scheme:light;--fallback-bg: #ffffff;--fallback-secondary: #f2f3f5;--fallback-text: #20252b;--fallback-hint: #626c77;--fallback-accent: #246fb3;--fallback-button-text: #ffffff;--danger: #b43b3b;--divider: rgba(32, 37, 43, .09);--bg: var(--tg-theme-bg-color, var(--fallback-bg));--secondary-bg: var(--tg-theme-secondary-bg-color, var(--fallback-secondary));--text: var(--tg-theme-text-color, var(--fallback-text));--hint: var(--tg-theme-hint-color, var(--fallback-hint));--link: var(--tg-theme-link-color, var(--fallback-accent));--button: var(--tg-theme-button-color, var(--fallback-accent));--button-text: var(--tg-theme-button-text-color, var(--fallback-button-text));--safe-top: calc(max(env(safe-area-inset-top, 0px), var(--app-safe-top, 0px)) + var(--app-content-safe-top, 0px));--safe-bottom: calc(max(env(safe-area-inset-bottom, 0px), var(--app-safe-bottom, 0px)) + var(--app-content-safe-bottom, 0px));--safe-left: calc(max(env(safe-area-inset-left, 0px), var(--app-safe-left, 0px)) + var(--app-content-safe-left, 0px));--safe-right: calc(max(env(safe-area-inset-right, 0px), var(--app-safe-right, 0px)) + var(--app-content-safe-right, 0px));color:var(--text);background:var(--secondary-bg);font-synthesis:none;-webkit-text-size-adjust:100%}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--fallback-bg: #242c35;--fallback-secondary: #1b222a;--fallback-text: #edf0f3;--fallback-hint: #a6b0bc;--fallback-accent: #78b9f0;--fallback-button-text: #17212c;--danger: #ff9696;--divider: rgba(237, 240, 243, .09)}}:root[data-theme=dark]{color-scheme:dark;--fallback-bg: #242c35;--fallback-secondary: #1b222a;--fallback-text: #edf0f3;--fallback-hint: #a6b0bc;--fallback-accent: #78b9f0;--fallback-button-text: #17212c;--danger: #ff9696;--divider: rgba(237, 240, 243, .09)}*{box-sizing:border-box}body{margin:0;min-width:280px}button,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button{min-height:44px;border:0;transition:opacity .16s ease,background-color .16s ease}button:active:not(:disabled){opacity:.66}button:disabled{opacity:.5;cursor:default}button:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--link);outline-offset:3px}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{overflow-wrap:anywhere}.shell{width:100%;max-width:560px;min-height:var(--app-viewport-height, 100dvh);margin:0 auto;padding:calc(24px + var(--safe-top)) calc(16px + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(16px + var(--safe-left))}.shell.has-navigation{padding-bottom:calc(96px + var(--safe-bottom))}.app-header{margin-bottom:24px}.app-header h1{font-size:22px;font-weight:650;line-height:28px;letter-spacing:-.4px}.app-header p{margin-top:4px;color:var(--hint);font-size:14px;line-height:20px;overflow-wrap:anywhere}.page-title{margin-bottom:20px;font-size:20px;line-height:26px;font-weight:600;letter-spacing:-.3px}.section{margin-top:24px}.section-label{margin:0 0 8px 12px;color:var(--hint);font-size:13px;line-height:20px;font-weight:500}.group{background:var(--bg);border-radius:14px;overflow:hidden}.group h3{font-size:17px;line-height:24px;font-weight:600}.data-row{display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 16px}.data-row+.data-row,.plan-row+.plan-row{border-top:1px solid var(--divider)}.data-row>svg{color:var(--hint)}.row-label{flex:1;min-width:0;font-size:16px;line-height:22px;overflow-wrap:anywhere}.row-value{max-width:48%;text-align:right;font-size:16px;line-height:22px;overflow-wrap:anywhere}strong.row-value{font-weight:600}.row-caption{display:block;font-size:13px;line-height:20px;color:var(--hint);font-weight:400}.access-row{min-height:76px}.access-row .row-value{font-size:17px}.numeric,.price{font-variant-numeric:tabular-nums}.danger-text{color:var(--danger)}.primary-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;padding:12px 16px;border-radius:12px;background:var(--button);color:var(--button-text);font-size:16px;line-height:24px;font-weight:600}.section-action{margin-top:16px}.section-action svg{width:18px;height:18px}.action-row{display:flex;align-items:center;gap:12px;width:100%;padding:16px;background:transparent;color:var(--text);text-align:left;font-size:16px;line-height:24px}.action-row span{flex:1;overflow-wrap:anywhere}.action-row>svg{color:var(--hint)}.action-row>svg:last-child{width:18px;height:18px}.content-group{padding:16px}.secondary-text{margin-top:8px;color:var(--hint);font-size:14px;line-height:21px;overflow-wrap:anywhere}.content-group .primary-button{margin-top:20px}.config-group textarea{display:block;width:calc(100% - 32px);margin:16px 16px 4px;padding:0;min-height:72px;resize:vertical;border:0;border-radius:0;color:var(--text);background:transparent;font-size:14px;line-height:24px;overflow-wrap:anywhere;word-break:break-all}.copy-action{padding:0 8px 8px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--link);padding:8px;font-size:14px;line-height:20px;border-radius:8px}.copy-feedback{display:block;margin:4px 8px 8px;color:var(--hint);font-size:13px;line-height:20px}.notice-text{display:flex;align-items:flex-start;gap:8px;margin:0 0 20px;color:var(--hint);font-size:14px;line-height:22px}.notice-text svg{width:20px;height:20px;margin-top:1px}.plan-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:16px}.plan-info{flex:1 1 120px;min-width:0}.plan-info h3{font-size:16px;line-height:22px;font-weight:500}.plan-info p{margin-top:4px;color:var(--hint);font-size:13px;line-height:20px;overflow-wrap:anywhere}.plan-payment{display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin-left:auto}.price{font-size:17px;line-height:24px;font-weight:600}.secondary-button{min-width:104px;padding:8px 12px;border-radius:10px;background:var(--secondary-bg);color:var(--link);font-size:14px;line-height:20px;font-weight:500}.referral-code{border-top:1px solid var(--divider);padding:16px 16px 0}.selectable-code{margin-top:8px;font-size:17px;line-height:26px;font-weight:500;overflow-wrap:anywhere;user-select:text;-webkit-user-select:text}.referral-code .copy-action{margin-left:-8px;padding-left:0;margin-top:4px}.empty-state{padding:20px 16px}.empty-state>svg{margin-bottom:12px;color:var(--hint)}.empty-state h2,.empty-state h3{font-size:17px;line-height:24px;font-weight:600}.empty-state p{margin-top:8px;color:var(--hint);font-size:14px;line-height:22px;overflow-wrap:anywhere}.empty-state>p:first-child{margin-top:0}.back-button{margin:-8px 0 12px -8px}.error-message{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px;padding:16px;background:var(--bg);border-radius:12px;border-inline-start:3px solid var(--danger)}.error-message>svg{color:var(--danger)}.error-message>div{min-width:0}.error-message h2{font-size:15px;line-height:22px;font-weight:600}.error-message p{margin-top:4px;font-size:14px;line-height:21px;color:var(--text);overflow-wrap:anywhere;white-space:pre-wrap}.bottom-navigation{position:fixed;z-index:10;right:0;bottom:0;left:0;background:var(--bg);border-top:1px solid var(--divider);padding-bottom:var(--safe-bottom)}.navigation-inner{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));max-width:560px;margin:0 auto;padding:0 calc(8px + var(--safe-right)) 0 calc(8px + var(--safe-left))}.nav-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:64px;padding:8px 0;background:transparent;color:var(--hint);font-size:11px;line-height:16px;font-weight:500}.nav-button.active{color:var(--link)}.nav-button:focus-visible{outline-offset:-4px;border-radius:8px}.skeleton{display:block;height:14px;border-radius:4px;background:var(--secondary-bg);animation:loading 1.6s ease-in-out infinite}.skeleton-label{width:46%}.skeleton-value{width:24%;margin-left:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes loading{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
