:root{--app-viewport-height:var(--tg-viewport-height,100dvh);--bottom-nav-safe-area:var(--tg-safe-area-inset-bottom,env(safe-area-inset-bottom,0px));--bottom-nav-height:calc(58px + var(--bottom-nav-safe-area));color:var(--tg-theme-text-color,#18222d);background:var(--tg-theme-secondary-bg-color,#f1f3f6);--font-ui:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;font-family:var(--font-ui)}*{box-sizing:border-box}html,body,#app{height:var(--app-viewport-height);min-height:var(--app-viewport-height);margin:0}body{background:var(--tg-theme-secondary-bg-color,#f1f3f6);min-width:320px}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:var(--app-viewport-height);padding-bottom:var(--bottom-nav-height)}.app-shell--public{padding-bottom:0}.brand-logo{width:54px;height:auto;margin:0 0 9px;display:block}.onboarding{min-height:var(--app-viewport-height);padding:calc(14px + var(--tg-content-safe-area-inset-top,0px)) 16px calc(16px + var(--tg-safe-area-inset-bottom,0px));color:#f5f7ee;background:#060806;grid-template-rows:auto minmax(0,1fr) auto auto;display:grid;overflow:hidden}.onboarding__topbar{color:#c9ff13;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;min-height:34px;font-size:13px;display:flex}.onboarding__topbar .brand-logo{width:52px;margin:0}.onboarding__counter{color:#e2edc4a3;letter-spacing:.12em;font-size:11px;font-weight:700}.onboarding__visual{place-items:center;min-height:0;padding:6px 0 2px;display:grid}.onboarding__visual img{object-fit:contain;object-position:center;mix-blend-mode:screen;width:min(100%,410px);max-height:min(48dvh,480px);animation:.3s ease-out onboarding-image-in;display:block}.onboarding__content{gap:10px;max-width:430px;margin:0 auto;padding:8px 2px 20px;display:grid}.onboarding__progress{gap:6px;display:flex}.onboarding__progress span{background:#cdff1740;width:26px;height:3px}.onboarding__eyebrow{color:#c9ff13;letter-spacing:.14em;text-transform:uppercase;margin:8px 0 0;font-size:11px;font-weight:800}.onboarding h1{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;margin:0;font-size:clamp(28px,8vw,36px);font-style:italic;font-weight:900;line-height:.98}.onboarding__description{color:#f5f7eeab;max-width:390px;margin:0;font-size:15px;line-height:1.4}.onboarding__actions{width:min(100%,430px);margin:0 auto}.onboarding__button{background:var(--tg-theme-button-color,#2481cc);width:100%;min-height:50px;color:var(--tg-theme-button-text-color,#fff);border:0;border-radius:10px;font-size:16px;font-weight:800}@keyframes onboarding-image-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (height<=680px){.onboarding__visual img{max-height:40dvh}.onboarding__content{gap:6px;padding-bottom:12px}.onboarding h1{font-size:27px}}.page{min-height:var(--app-viewport-height);padding:calc(18px + var(--tg-content-safe-area-inset-top,0px)) 16px 24px;background:var(--tg-theme-secondary-bg-color,#f1f3f6);overflow-y:auto}.page--home{padding-bottom:36px}.page--public-payment{align-content:center;gap:18px;max-width:520px;margin:0 auto;display:grid}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.page-header h1,.form-card h2,.share-card h2,.state-card h2{font-family:var(--font-display);letter-spacing:.015em;text-transform:uppercase;margin:0;font-size:25px;font-weight:900;line-height:1}.public-payment__header .brand-logo{width:62px}.public-payment__header{gap:6px;display:grid}.public-payment__header h1{font-family:var(--font-display);letter-spacing:.015em;text-transform:uppercase;margin:0;font-size:28px;font-weight:900;line-height:1}.public-payment__header>p:last-child{color:var(--tg-theme-hint-color,#707579);margin:0;font-size:14px;line-height:1.4}.eyebrow{color:var(--tg-theme-hint-color,#707579);margin:0 0 4px;font-size:13px;font-weight:600}.balance-chip{background:var(--tg-theme-section-bg-color,#fff);color:var(--tg-theme-link-color,#2481cc);border-radius:10px;padding:8px 10px;font-size:14px;font-weight:700;text-decoration:none}.form-card,.share-card,.state-card,.profile-card,.link-card,.topup-card{background:var(--tg-theme-section-bg-color,#fff);border-radius:10px;box-shadow:0 1px 2px #00000008}.form-card,.share-card,.state-card,.profile-card{padding:16px}.state-card{gap:8px;display:grid}.state-card p,.share-card p,.profile-card p,.profile-card span,.link-card p,.form-hint,.range-field small{color:var(--tg-theme-hint-color,#707579);margin:0;font-size:14px;line-height:1.4}.field{color:var(--tg-theme-text-color,#18222d);gap:8px;margin-bottom:16px;font-size:14px;font-weight:600;display:grid}.field input,.generated-link input{border:1px solid var(--tg-theme-section-separator-color,#dfe3e6);background:var(--tg-theme-bg-color,#fff);width:100%;min-width:0;color:var(--tg-theme-text-color,#18222d);border-radius:10px;outline:none;padding:13px 12px}.amount-input{border:1px solid var(--tg-theme-section-separator-color,#dfe3e6);background:var(--tg-theme-bg-color,#fff);border-radius:10px;align-items:center;gap:10px;padding-right:12px;display:flex}.amount-input input{border:0;padding:13px 0 13px 12px}.payment-summary{border-top:1px solid var(--tg-theme-section-separator-color,#dfe3e6);gap:10px;padding:14px 0;display:grid}.payment-summary div,.earnings-card div{color:var(--tg-theme-hint-color,#707579);justify-content:space-between;gap:12px;font-size:14px;display:flex}.payment-summary strong,.earnings-card strong{color:var(--tg-theme-text-color,#18222d)}.payment-summary__total{border-top:1px solid var(--tg-theme-section-separator-color,#dfe3e6);padding-top:10px;font-weight:700;font-size:16px!important}.primary-button,.secondary-button{border:0;border-radius:10px;width:100%;min-height:44px;font-weight:700}.primary-button{background:var(--tg-theme-button-color,#2481cc);color:var(--tg-theme-button-text-color,#fff)}.primary-button:disabled{cursor:not-allowed;opacity:.55}.secondary-button{background:var(--tg-theme-secondary-bg-color,#f1f3f6);color:var(--tg-theme-link-color,#2481cc)}.form-hint{text-align:center;margin-top:10px;font-size:12px}.share-card{gap:14px;margin-top:14px;display:grid}.share-card__intro{gap:10px;display:grid}.share-settings{gap:14px;padding-top:2px;display:grid}.range-field{color:var(--tg-theme-text-color,#18222d);gap:9px;font-size:14px;display:grid}.range-field span{justify-content:space-between;display:flex}.range-field b{color:var(--tg-theme-link-color,#2481cc)}.range-field input{width:100%;accent-color:var(--tg-theme-button-color,#2481cc)}.earnings-card{background:var(--tg-theme-secondary-bg-color,#f1f3f6);border-radius:12px;gap:10px;padding:14px;display:grid}.earnings-card p{color:var(--tg-theme-text-color,#18222d);font-weight:600}.generated-link{gap:8px;display:flex}.generated-link .secondary-button{width:auto;padding:0 12px}.form-error{color:var(--tg-theme-destructive-text-color,#d14e4e);margin:0;font-size:13px}.referral-banner{background:color-mix(in srgb, var(--tg-theme-button-color,#2481cc) 10%, var(--tg-theme-section-bg-color,#fff));color:var(--tg-theme-text-color,#18222d);border-radius:12px;gap:4px;margin-bottom:14px;padding:12px;font-size:14px;display:grid}.links-list{gap:10px;display:grid}.link-card{justify-content:space-between;align-items:center;gap:14px;padding:15px;display:flex}.link-card div{gap:4px;display:grid}.link-card code{max-width:42%;color:var(--tg-theme-link-color,#2481cc);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-card{gap:6px;margin-bottom:14px;display:grid}.profile-card strong{font-size:32px;line-height:1.15}.segment-control{background:var(--tg-theme-section-bg-color,#fff);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:14px;padding:4px;display:grid}.segment-control button{min-height:36px;color:var(--tg-theme-hint-color,#707579);background:0 0;border:0;border-radius:8px;font-size:13px;font-weight:700}.topups-list{gap:10px;display:grid}.topup-card{gap:9px;padding:15px;display:grid}.topup-card__header,.topup-card>div:not(.topup-card__header){justify-content:space-between;align-items:center;gap:12px;display:flex}.topup-card p{color:var(--tg-theme-hint-color,#707579);margin:-3px 0 2px;font-size:12px}.topup-card>div:not(.topup-card__header){color:var(--tg-theme-hint-color,#707579);font-size:14px}.topup-card>div:not(.topup-card__header) strong{color:var(--tg-theme-text-color,#18222d)}.topup-card__earning{border-top:1px solid var(--tg-theme-section-separator-color,#dfe3e6);padding-top:9px}.topup-card__earning strong{color:var(--tg-theme-link-color,#2481cc)!important}.status{border-radius:999px;padding:4px 7px;font-size:11px;font-weight:700}.bottom-nav{z-index:10;height:var(--bottom-nav-height);padding:4px 12px calc(4px + var(--bottom-nav-safe-area));border-top:1px solid var(--tg-theme-section-separator-color,#7075792e);background:var(--tg-theme-bottom-bar-bg-color,var(--tg-theme-bg-color,#fff));grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:2px;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav__link{min-width:0;height:50px;color:var(--tg-theme-hint-color,#707579);border-radius:6px;grid-template-rows:24px 14px;align-content:center;justify-items:center;gap:2px;font-size:12px;font-weight:600;line-height:14px;text-decoration:none;display:grid}.bottom-nav__icon{width:24px;height:24px;display:block}.bottom-nav__text{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;line-height:14px;display:block;overflow:hidden}:root{--brand-bg:#060806;--brand-surface:#10140d;--brand-surface-raised:#171d12;--brand-text:#f5f7ee;--brand-muted:#9ca38d;--brand-line:#c9ff132e;--brand-acid:#c9ff13;--brand-button-text:#101407;color:var(--brand-text);background:var(--brand-bg)}body,.page,.onboarding{background:var(--brand-bg);color:var(--brand-text)}.onboarding__topbar,.onboarding__eyebrow{color:var(--brand-acid)}.onboarding__counter,.onboarding__description{color:var(--brand-muted)}.onboarding__progress span{background:#c9ff1340}.onboarding__progress span.active{background:var(--brand-acid)}.onboarding__button,.primary-button{background:var(--brand-acid);color:var(--brand-button-text)}.public-payment__header>p:last-child,.eyebrow,.state-card p,.share-card p,.profile-card p,.profile-card span,.link-card p,.form-hint,.range-field small{color:var(--brand-muted)}.balance-chip{border:1px solid var(--brand-line);background:var(--brand-surface);color:var(--brand-acid)}.form-card,.share-card,.state-card,.profile-card,.link-card,.topup-card{border:1px solid var(--brand-line);background:var(--brand-surface);box-shadow:0 1px 2px #0003}.field,.range-field{color:var(--brand-text)}.field input,.generated-link input,.amount-input{border-color:var(--brand-line);background:var(--brand-surface-raised);color:var(--brand-text)}.field input:focus,.generated-link input:focus{border-color:var(--brand-acid)}.payment-summary,.payment-summary__total,.topup-card__earning{border-color:var(--brand-line)}.payment-summary div,.earnings-card div,.topup-card p,.topup-card>div:not(.topup-card__header){color:var(--brand-muted)}.payment-summary strong,.earnings-card strong,.topup-card>div:not(.topup-card__header) strong{color:var(--brand-text)}.secondary-button{border:1px solid var(--brand-line);background:var(--brand-surface-raised);color:var(--brand-acid)}.range-field b,.link-card code,.topup-card__earning strong{color:var(--brand-acid)!important}.range-field input{accent-color:var(--brand-acid)}.earnings-card{border:1px solid var(--brand-line);background:var(--brand-surface-raised);border-radius:10px}.earnings-card p,.referral-banner{color:var(--brand-text)}.referral-banner{border:1px solid var(--brand-line);background:#c9ff1314;border-radius:10px}.referral-banner span{color:var(--brand-muted)}.segment-control{border:1px solid var(--brand-line);background:var(--brand-surface);border-radius:10px}.segment-control button{color:var(--brand-muted)}.segment-control button.active{background:var(--brand-surface-raised);color:var(--brand-acid)}.profile-card strong{color:var(--brand-acid)}.status--pending{color:#ffd46b;background:#ffc64624}.status--paid{color:var(--brand-acid);background:#c9ff131f}.status--failed{color:#ff8d8d;background:#ff636324}.bottom-nav{border-color:var(--brand-line);background:var(--brand-bg)}.bottom-nav__link{color:var(--brand-muted)}.bottom-nav__link.router-link-active{color:var(--brand-acid);background:var(--brand-surface)}
