:root{font-synthesis:none;--bg-dark:#05070a;--surface-dark:#0b1210;--card-dark:#101915;--brand-deep:#0f3d2e;--brand-accent:#19c37d;--brand-glow:#3ef0a0;--text-on-dark:#f3f6f4;--muted-on-dark:#9fb0a7;--border-dark:#24382d;--control-outline:#718a7c;--bg-light:#f4f7f5;--card-light:#fff;--text-on-light:#102019;--muted-on-light:#53665c;--brand-on-light:#0e6c48;--danger:#ac293e;--warning:#825410;--safe-top:max(env(safe-area-inset-top,0px),var(--tg-safe-top,0px),var(--tg-content-top,0px));--safe-bottom:max(env(safe-area-inset-bottom,0px),var(--tg-safe-bottom,0px),var(--tg-content-bottom,0px),12px);--safe-left:max(env(safe-area-inset-left,0px),var(--tg-safe-left,0px),var(--tg-content-left,0px));--safe-right:max(env(safe-area-inset-right,0px),var(--tg-safe-right,0px),var(--tg-content-right,0px));--bg:var(--bg-light);--surface:var(--card-light);--soft:#eaf1ed;--text:var(--text-on-light);--muted:var(--muted-on-light);--line:#d4e0d8;--green:var(--brand-on-light);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg-light);min-height:100%;margin:0}body{-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.45}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible{outline:3px solid var(--brand-on-light);outline-offset:4px}a:focus-visible{outline:3px solid var(--brand-on-light);outline-offset:4px}input:focus-visible{outline:3px solid var(--brand-on-light);outline-offset:4px}select:focus-visible{outline:3px solid var(--brand-on-light);outline-offset:4px}[tabindex]:focus-visible{outline:3px solid var(--brand-on-light);outline-offset:4px}.tone-dark :focus-visible{outline-color:var(--brand-glow)}button:disabled{opacity:.55}a{color:var(--brand-on-light)}svg{flex-shrink:0}img{max-width:100%}h1,h2,h3,p{overflow-wrap:break-word}h1{letter-spacing:-.035em;margin:8px 0 24px;font-size:28px;font-weight:720;line-height:1.15}h2{letter-spacing:-.025em;margin:0 0 12px;font-size:22px;line-height:1.25}h3{margin:0 0 10px;font-size:18px}p{line-height:1.5}small,.fine-print{color:var(--muted);font-size:14px;line-height:1.45}small{display:block}button{color:var(--text)}.shell,.tone-light{--bg:var(--bg-light);--surface:var(--card-light);--soft:#eaf1ed;--text:var(--text-on-light);--muted:var(--muted-on-light);--line:#d4e0d8;--green:var(--brand-on-light);color:var(--text);background:var(--bg)}.shell{min-height:100dvh;padding-bottom:calc(84px + var(--safe-bottom))}.shell.tone-dark{--bg:var(--bg-dark);--surface:var(--card-dark);--soft:var(--surface-dark);--text:var(--text-on-dark);--muted:var(--muted-on-dark);--line:var(--border-dark);--green:var(--brand-accent);--danger:#ff9daa;--warning:#efc57f}.service-surface{border-radius:24px 24px 0 0;min-height:calc(100dvh - 140px)}.topbar{max-width:680px;min-height:72px;padding:calc(16px + var(--safe-top)) max(16px,var(--safe-right)) 16px max(16px,var(--safe-left));color:var(--text);justify-content:space-between;align-items:center;gap:12px;margin:auto;display:flex}.brand{letter-spacing:-.025em;white-space:nowrap;align-items:center;gap:9px;font-size:19px;font-weight:750;display:flex}.brand strong{color:var(--green);font-weight:500}.brand-caption{color:var(--muted);font-size:12px}.page{max-width:520px;padding:16px max(16px,var(--safe-right)) 32px max(16px,var(--safe-left));margin:auto}.home-page{padding-top:4px}.demo-banner{text-align:center;color:#573b00;background:#fff0c7;padding:5px;font-size:12px;font-weight:700}.bottom-nav{z-index:20;bottom:var(--keyboard-offset,0px);border-top:1px solid var(--line);background:var(--surface);width:min(100%,640px);padding:8px max(8px,var(--safe-right)) var(--safe-bottom) max(8px,var(--safe-left));grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid;position:fixed;left:50%;transform:translate(-50%)}.bottom-nav button{min-height:52px;color:var(--muted);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:4px 0;font-size:12px;line-height:1.2;display:flex}.bottom-nav button span{border-radius:12px;padding:4px 12px}.bottom-nav button.active{color:var(--green);font-weight:700}.bottom-nav button.active span{background:var(--soft)}.icon{display:block}.card{border:1px solid var(--line);background:var(--surface);border-radius:16px;margin:16px 0;padding:20px}.card.soft{background:var(--soft)}.button{text-align:center;background:var(--brand-accent);width:100%;min-height:50px;color:var(--bg-dark);border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:10px;margin:8px 0;padding:12px 16px;font-size:16px;font-weight:680;line-height:1.4;text-decoration:none;display:flex}.button.primary{background:var(--brand-accent);color:var(--bg-dark)}.button.secondary{background:var(--surface);border-color:var(--control-outline);color:var(--text)}.button.danger{background:var(--danger);color:#fff}.button.text{color:var(--text);background:0 0}.button:not(:disabled):active{transform:translateY(1px)}.back{min-height:44px;color:var(--muted);background:0 0;border:0;margin:0 0 8px;padding:8px 0}.muted-text,.lead{color:var(--muted)}.fine-print{margin-top:16px}.center-text{text-align:center}.eyebrow{letter-spacing:.12em;color:var(--muted);font-size:12px}.access-summary{border:1px solid var(--line);background:var(--surface-dark);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.access-summary small{margin-bottom:4px;font-size:12px}.access-summary strong{font-size:14px;font-weight:600}.status-pill{border:1px solid var(--line);border-radius:100px;align-items:center;gap:6px;padding:5px 9px;font-size:12px;line-height:1.4;display:inline-flex}.status-pill.success{color:var(--green);border-color:var(--green)}.status-pill.danger{color:var(--danger)}.status-pill.warning{color:var(--warning)}.status-pill.pending,.status-pill.muted{color:var(--muted)}.status-pill i{background:currentColor;border-radius:50%;width:6px;height:6px;display:inline-block}.connection-hero{text-align:center;padding:18px 0 16px}.snake-ring{place-items:center;width:210px;height:210px;margin:0 auto 14px;display:grid;position:relative}.snake-ring img{object-fit:contain;position:absolute;top:0;bottom:0;left:0;right:0}.snake-ring>span{color:var(--muted);border:1px solid var(--border-dark);background:var(--surface-dark);border-radius:50%;place-items:center;width:68px;height:68px;display:grid}.connection-hero.verified .snake-ring>span{color:var(--brand-accent)}.connection-hero h1{letter-spacing:-.025em;margin:0 0 8px;font-size:23px;line-height:1.25}.connection-hero p{max-width:315px;color:var(--muted);margin:0 auto;font-size:14px;line-height:1.45}.home-footer>button{border:1px solid var(--line);width:100%;min-height:52px;color:var(--text);background:var(--surface-dark);text-align:start;border-radius:14px;align-items:center;gap:10px;margin-top:16px;padding:12px 16px;font-size:14px;display:flex}.home-footer>button .icon:last-child{margin-inline-start:auto}.home-footer>p{text-align:center;color:var(--muted);margin:20px 0 0;font-size:12px}.soft-glow .snake-ring{filter:drop-shadow(0 0 24px #19c37d55)}.subscription-hero{background:var(--card-light);padding:24px;position:relative;overflow:hidden}.plan-kicker{color:var(--brand-on-light);margin-bottom:16px;font-size:14px;font-weight:650;display:block}.subscription-hero .status-pill{position:absolute;top:20px;right:20px}.days{align-items:baseline;gap:10px;margin:20px 0 8px;display:flex}.days strong{letter-spacing:-.055em;font-size:60px;line-height:1}.days span{color:var(--muted)}.subscription-hero>p{color:var(--muted);margin:8px 0 0;font-size:14px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}.metric-grid .card{align-items:center;gap:10px;margin:0;padding:16px 12px;display:flex}.metric-grid b{font-size:14px}.metric-grid small{margin-top:4px;font-size:12px}.metric-grid .icon{color:var(--green)}.action-list,.menu-list{border:1px solid var(--line);background:var(--surface);border-radius:16px;margin:20px 0;overflow:hidden}.action-list button,.menu-list button,.menu-list>a{border:0;border-bottom:1px solid var(--line);text-align:start;width:100%;min-height:56px;color:var(--text);background:0 0;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;font-size:15px;text-decoration:none;display:flex}.action-list>:last-child,.menu-list>:last-child{border:0}.action-list .destructive{color:var(--danger)}.action-list .icon,.menu-list span{color:var(--muted)}.page-heading{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:24px;display:flex}.page-heading h1{margin-bottom:6px}.page-heading p{color:var(--muted);margin:0;font-size:14px}.compact-add{border:1px solid var(--control-outline);background:var(--surface);min-height:44px;color:var(--brand-on-light);white-space:nowrap;border-radius:12px;padding:10px;font-size:14px}.device-list{gap:12px;margin:16px 0;display:grid}.device-card{border:1px solid var(--line);background:var(--surface);text-align:start;border-radius:16px;grid-template-columns:44px minmax(0,1fr) 18px;align-items:center;gap:12px;width:100%;padding:16px;display:grid}.device-glyph{background:var(--soft);height:48px;color:var(--green);border-radius:12px;place-items:center;display:grid}.device-card b{overflow-wrap:anywhere;font-size:16px;display:block}.device-card small{margin-top:3px;font-size:14px}.device-card em{color:var(--muted);margin-top:8px;font-size:12px;font-style:normal;display:block}.device-card em i{background:currentColor;border-radius:50%;width:6px;height:6px;margin-inline-end:5px;display:inline-block}.empty{color:var(--muted);border:1px dashed var(--control-outline);text-align:center;border-radius:16px;margin:16px 0;padding:24px 16px;line-height:1.5}.add-device{margin-top:32px;scroll-margin-top:20px}.platform-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.platform-grid button{border:1px solid var(--control-outline);background:var(--surface);border-radius:12px;align-content:center;justify-items:center;gap:6px;min-height:72px;padding:8px;font-size:12px;display:grid}.platform-grid button.selected{background:var(--brand-deep);color:var(--text-on-dark);border-color:var(--brand-deep)}input,select{border:1px solid var(--control-outline);width:100%;min-width:0;min-height:48px;color:var(--text);background:var(--surface);border-radius:12px;padding:12px}.device-name{margin:14px 0 8px}.field-label{color:var(--muted);margin:16px 0 8px;font-size:14px;display:block}.keep-list{gap:8px;margin:16px 0;display:grid}.keep-list label{align-items:center;gap:12px;min-height:48px;display:flex}.keep-list input{width:24px;min-height:24px}.bonus-card{text-align:center;background:var(--card-light);justify-items:center;padding:28px;display:grid}.gift-mark{background:var(--soft);width:56px;height:56px;color:var(--brand-on-light);border-radius:16px;place-items:center;margin-bottom:16px;display:grid}.bonus-card strong{letter-spacing:-.045em;margin:12px 0 4px;font-size:60px;line-height:1.1}.bonus-card>span{color:var(--muted)}.bonus-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0;display:grid}.bonus-metrics>span{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:14px;padding:16px 4px}.bonus-metrics b{margin-bottom:6px;font-size:24px;display:block}.bonus-metrics small{font-size:12px}.benefit-card{align-items:flex-start;gap:12px;display:flex}.benefit-card>.icon{color:var(--green)}.benefit-card h2{font-size:20px}.benefit-card p{color:var(--muted);margin:0;font-size:14px}.invite-hero{text-align:center;background:var(--soft);justify-items:center;display:grid}.invite-hero h2{font-size:23px}.referral-field{align-items:center;gap:4px;margin:12px 0;display:flex}.referral-field input{flex:1;font-size:14px}.referral-field button{border:1px solid var(--control-outline);background:var(--surface);border-radius:12px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.referral-qr{text-align:center;justify-items:center;gap:10px;margin:24px 0;display:grid}.referral-qr img{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:16px;width:210px;height:210px;padding:12px}.referral-qr span{color:var(--muted);font-size:14px}.profile{align-items:center;gap:14px;display:flex}.avatar{background:var(--brand-deep);width:52px;height:52px;color:var(--text-on-dark);border-radius:50%;place-items:center;font-size:22px;font-weight:650;display:grid}.profile b{font-size:18px}.profile small{margin-top:4px}.toggle-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.toggle-row small{margin-top:6px}.switch{background:#718a7c;border:0;border-radius:99px;flex-shrink:0;width:60px;height:44px;padding:0;position:relative}.switch i{background:#fff;border-radius:50%;width:32px;height:32px;position:absolute;top:6px;left:5px}.switch.on{background:var(--brand-on-light)}.switch.on i{transform:translate(18px)}.tariff-intro{border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:16px;display:flex}.tariff-intro span{color:var(--muted);font-size:14px}.slider-heading{justify-content:space-between;align-items:center;gap:8px;margin:24px 0 4px;display:flex}.slider-heading b{font-size:14px}.tariff-slider{min-height:44px;accent-color:var(--brand-on-light);background:0 0;border:0;padding:0}.duration-marks,.range-ends{color:var(--muted);justify-content:space-between;font-size:14px;display:flex}.tariff-card{background:var(--surface);border:1px solid var(--brand-on-light);margin-top:24px;padding:24px}.tariff-card-head{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:14px;display:flex}.tariff-card-head em{color:var(--brand-on-light);background:var(--soft);border-radius:8px;padding:4px 8px;font-size:12px;font-style:normal}.tariff-card h2{margin:16px 0 6px}.tariff-card>p{color:var(--muted);margin:0;font-size:14px}.rub-price{letter-spacing:-.035em;margin-top:20px;font-size:40px;font-weight:750}.stars-price{color:var(--brand-on-light);margin-top:12px;font-size:22px;font-weight:650}.stars-price.unavailable{color:var(--muted);font-size:16px}.price-meta,.saving{color:var(--muted);margin-top:10px;font-size:14px}.saving{color:var(--brand-on-light)}.promo{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.promo .button{font-size:14px}.terms-check{min-height:48px;color:var(--muted);align-items:center;gap:12px;margin:16px 0;font-size:14px;display:flex}.terms-check input{width:24px;min-height:24px;accent-color:var(--brand-on-light);flex-shrink:0}.payment-status{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:16px}.sheet-price{color:var(--green);font-size:32px;font-weight:700}.modal-backdrop{z-index:50;padding:16px max(16px,var(--safe-right)) calc(var(--safe-bottom) + var(--keyboard-offset,0px)) max(16px,var(--safe-left));background:#0009;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal{width:min(100%,520px);max-height:calc(90dvh - var(--safe-top));overscroll-behavior:contain;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:20px;margin:0 auto;padding:20px;overflow:auto}.modal:focus{outline:none}.sheet-heading{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:16px;display:flex}.sheet-heading h2{margin:8px 0 0}.sheet-close{border:1px solid var(--control-outline);min-width:44px;height:44px;color:var(--text);background:0 0;border-radius:12px;font-size:26px}.guide-steps{color:var(--muted);padding-inline-start:24px}.guide-steps li{margin:12px 0}.legal-text{white-space:pre-wrap}.safety-note{background:var(--soft);border-radius:14px;gap:8px;padding:16px;font-size:14px;display:grid}.safety-note span:before{content:"• "}.toast{z-index:60;bottom:calc(96px + var(--safe-bottom) + var(--keyboard-offset,0px));border:1px solid var(--control-outline);background:var(--surface);max-width:480px;color:var(--text);text-align:center;border-radius:14px;margin:auto;padding:14px 16px;font-size:14px;position:fixed;left:16px;right:16px;box-shadow:0 8px 24px #0002}.inline-error{border:1px solid var(--control-outline);background:var(--surface);border-radius:16px;margin:16px 0;padding:20px}.inline-error p{color:var(--muted);font-size:14px}.center-page{text-align:center;max-width:480px;min-height:100dvh;color:var(--text);flex-direction:column;justify-content:center;align-items:center;margin:auto;padding:28px;display:flex}.center-page h1{margin-top:24px}.error-mark{border:1px solid var(--danger);width:60px;height:60px;color:var(--danger);border-radius:50%;place-items:center;font-size:28px;display:grid}.skeleton{background:var(--soft);border-radius:16px;height:70px;margin:16px 0}.skeleton.wide{height:110px}.skeleton.tall{height:220px}.loading-block{min-height:220px}.diagnostic-orb{text-align:center;justify-items:center;gap:20px;padding:32px 24px;display:grid}.diagnostic-symbol{border:1px solid var(--control-outline);width:88px;height:88px;color:var(--green);border-radius:50%;place-items:center;display:grid}.diagnostic-orb h2{font-size:22px}.diagnostic-orb p{color:var(--muted);margin:0;font-size:14px}.state-warning .diagnostic-symbol{color:var(--warning)}.diagnostic-list{border:1px solid var(--line);background:var(--surface);border-radius:16px;margin:16px 0;padding:0 16px}.diagnostic-list>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:14px 0;font-size:14px;display:flex}.diagnostic-list>div:last-child{border:0}.diagnostic-list span{color:var(--muted)}.loader{border:3px solid var(--line);border-top-color:var(--brand-on-light);border-radius:50%;width:30px;height:30px;animation:1s linear infinite spin}.result-card{text-align:center}.result-icon{color:var(--green);font-size:32px}.result-icon.fail{color:var(--danger)}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:700px){.topbar,.page{padding-top:24px}.home-page{padding-top:8px}.bottom-nav{border:1px solid var(--line);border-bottom:0;border-radius:20px 20px 0 0}.modal-backdrop{align-items:center}.modal{max-height:85dvh}.connection-hero{padding-top:28px}}@media (max-width:350px){.page{padding-inline-start:12px;padding-inline-end:12px}.access-summary{gap:6px;padding:12px}.access-summary strong{font-size:12px}.status-pill{padding:4px 6px;font-size:11px}.topbar{padding-inline-start:12px;padding-inline-end:12px}.brand-caption{font-size:11px}.snake-ring,.snake-ring img{width:185px;height:185px}.connection-hero h1{font-size:21px}.subscription-hero{padding:18px}.subscription-hero .status-pill{margin-top:8px;position:static}.metric-grid{gap:8px}.metric-grid .card{gap:6px;padding:12px 8px}.metric-grid b{font-size:12px}.promo{grid-template-columns:1fr}.promo .button{margin-top:0}}@media (max-height:740px){.connection-hero{padding-top:12px;padding-bottom:12px}.snake-ring,.snake-ring img{width:175px;height:175px}.snake-ring{margin-bottom:8px}.topbar{min-height:60px;padding-top:calc(10px + var(--safe-top));padding-bottom:10px}.home-footer>p{margin-top:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.shell.tone-dark:has(.service-surface){--bg:var(--bg-light);--surface:var(--card-light);--soft:#eaf1ed;--text:var(--text-on-light);--muted:var(--muted-on-light);--line:#d4e0d8;--green:var(--brand-on-light);color:var(--text);background:var(--bg)}.service-surface{padding-bottom:0}.button.secondary:disabled{color:var(--muted)}html{scroll-padding-bottom:calc(104px + var(--safe-bottom))}input,select,.button{scroll-margin-bottom:calc(104px + var(--safe-bottom))}.keyboard-open .bottom-nav{display:none}.profile>span:last-child{overflow-wrap:anywhere;min-width:0}.profile .avatar{flex-shrink:0}.header-actions{gap:8px;display:flex}.header-actions button,.header-actions a{border:1px solid var(--control-outline,#718a7c);width:44px;height:44px;color:inherit;background:0 0;border-radius:14px;place-items:center;font-size:20px;text-decoration:none;display:grid}.home-membership{background:linear-gradient(140deg,#10271d,#101915);border:1px solid #355244;border-radius:24px;padding:20px}.membership-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.membership-heading h1{margin:4px 0;font-size:24px}.membership-expiry{color:#bacbc1;font-size:14px}.membership-metrics{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;display:grid}.membership-metrics>span,.membership-metrics>button{color:#f3f6f4;text-align:start;font:inherit;background:#ffffff08;border:0;border-radius:14px;flex-direction:column;align-items:flex-start;min-height:64px;padding:12px;display:flex}.membership-metrics small{color:#adbbb2;margin-top:4px;font-size:12px}.membership-metrics b{font-size:20px}.dual-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.dual-actions .button{min-width:0;margin:0;padding:10px;font-size:14px}.home-page .connection-hero{padding:10px 0}.home-page .snake-ring{width:128px;height:128px;margin:auto}.home-page .snake-ring img{width:128px;height:128px}.home-page .connection-hero h1{margin:4px 0;font-size:20px}.home-page .connection-hero p{margin:4px 0;font-size:13px}.home-page{gap:12px}.segment-control{background:#e2eae5;border-radius:15px;gap:4px;margin:18px 0;padding:4px;display:flex}.segment-control button{min-height:48px;font:inherit;color:#344c3e;background:0 0;border:0;border-radius:12px;flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:5px;font-size:13px;display:flex}.segment-control button[aria-pressed=true]{color:#fff;background:#0f3d2e}.segment-control small{background:#fff2;border-radius:10px;padding:2px 5px}.payment-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.payment-heading h2{margin:0;font-size:18px}.payment-heading .status-pill{white-space:normal;text-align:center;font-size:11px}.payment-card{margin-bottom:12px}.detail-rows{margin:16px 0 0}.detail-rows>div{border-top:1px solid #dfe8e2;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;display:flex}.detail-rows dt{color:#53665c;font-size:13px}.detail-rows dd{text-align:end;overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:600}.stack-actions{gap:8px;margin-top:12px;display:grid}.step-kicker{color:#0e6c48;letter-spacing:.04em;font-size:12px;font-weight:700}.client-grid{gap:10px;margin:14px 0;display:grid}.client-option{background:#f4f7f5;border:1px solid #cbd8d0;border-radius:14px;padding:14px}.client-option p{color:#53665c;margin:6px 0 0;font-size:13px;line-height:1.5}.small-badge{color:#0e6c48;margin-inline-start:8px;font-size:11px;display:inline-block}.local-qr{background:#fff;border-radius:18px;justify-content:center;padding:12px;display:flex}.local-qr img{max-width:100%;height:auto}.ledger-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.ledger-row small{color:#53665c;margin-top:6px;display:block}.ledger-row strong{color:#0e6c48;font-size:22px}details{border-top:1px solid #dfe8e2;padding:12px 0}summary{cursor:pointer;align-items:center;min-height:44px;font-weight:600;display:flex}details p{color:#53665c;font-size:14px;line-height:1.6}select{color:#102019;width:100%;min-height:48px;font:inherit;background:#fff;border:1px solid #718a7c;border-radius:12px;padding:12px}@media (max-width:360px){.home-membership{padding:16px}.membership-heading{flex-wrap:wrap;align-items:flex-start}.membership-heading h1{font-size:22px}.membership-metrics b{font-size:18px}.payment-heading{flex-wrap:wrap}.segment-control button{font-size:12px}.header-actions{gap:4px}}.birthday-fields{grid-template-columns:90px minmax(0,1fr);gap:12px;display:grid}.birthday-fields label{gap:8px;min-width:0;display:grid}.birthday-confirm{align-items:flex-start;gap:10px;margin:16px 0;font-size:14px;display:flex}.birthday-confirm input{flex-shrink:0;width:20px;height:20px;margin:0}.page form .button{margin-top:12px}.kaa-welcome{min-height:188px;padding:20px 8px 24px;position:relative;overflow:hidden}.kaa-welcome h1{letter-spacing:-.05em;margin:10px 0;font-size:44px;line-height:1.07}.kaa-welcome em{color:var(--green);font-style:normal}.kaa-welcome p{max-width:250px;color:var(--muted);z-index:1;font-size:14px;position:relative}.kaa-waves{opacity:.32;pointer-events:none;position:absolute;top:14px;right:-88px;transform:rotate(-25deg)}.kaa-waves i{border:1px solid var(--green);border-radius:50%;width:240px;height:68px;margin:-8px;display:block;box-shadow:0 0 0 8px #19c37d08,0 0 0 16px #19c37d06}.home-page .connection-hero{text-align:start;border:1px solid var(--line);background:var(--surface);border-radius:16px;align-items:center;gap:14px;margin:14px 0;padding:16px;display:flex}.connection-indicator{color:var(--muted);flex-shrink:0}.connection-hero.verified .connection-indicator{color:var(--green)}.home-page .connection-hero h2{margin:0 0 4px;font-size:16px}.home-page .connection-hero p{max-width:none;margin:0;font-size:12px}.subscription-tile{border:1px solid var(--line);background:var(--surface);border-radius:22px;margin:18px 0;padding:20px}.subscription-tile h2{margin:0;font-size:19px}.subscription-until{color:var(--muted);font-size:14px}.subscription-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0;display:grid}.subscription-stats span{flex-direction:column;gap:6px;min-width:0;display:flex}.subscription-stats b{overflow-wrap:anywhere;font-size:17px}.subscription-stats small{color:var(--muted);font-size:11px}.gift-tile{background:linear-gradient(145deg,var(--surface),var(--soft))}.gift-device{border-bottom:1px solid var(--line);padding:16px 0}.home-gift{margin-top:14px}.home-gift h2{margin:6px 0;font-size:19px}.home-gift .membership-heading{align-items:flex-start}.client-install{text-align:start;width:100%;font:inherit;color:#102019;cursor:pointer;min-height:48px}.client-install:hover{background:#eaf3ed;border-color:#0e6c48}.client-install:focus-visible{outline-offset:3px;outline:3px solid #0e6c48}.client-note{color:#53665c;margin-top:6px;font-size:13px;line-height:1.5;display:block}.client-install-label{color:#0e6c48;margin-top:12px;font-size:13px;font-weight:600;display:block}.device-limit-action{text-align:center;cursor:pointer;width:100%;color:var(--muted);font:inherit;background:0 0;gap:12px;display:grid}.device-limit-action strong{color:var(--brand-on-light);overflow-wrap:anywhere;font-size:16px}.device-limit-action small{font-size:13px}.device-limit-action:hover{border-color:var(--brand-on-light)}.device-limit-action:focus-visible{outline:3px solid var(--brand-on-light);outline-offset:4px}