:root{color:#f6f8fc;font-synthesis:none;text-rendering:optimizelegibility;--bg:#0b0d11;--surface:#111318;--surface-2:#151820;--surface-3:#1a1e27;--line:#ffffff1f;--line-soft:#ffffff13;--text:#f6f8fc;--muted:#8e929c;--cyan:#48bfff;--cyan-soft:#48bfff1f;--violet:#8067ff;--green:#4fd39d;--red:#ec7485;--gold:#f0c75d;background:#0b0d11;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{background:radial-gradient(circle at 50% 15%, #48bfff0e, transparent 24rem), radial-gradient(circle at 80% 70%, #8067ff0b, transparent 28rem), var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.app-shell{width:min(100%,620px);min-height:100vh;padding:max(12px, env(safe-area-inset-top)) 14px calc(104px + env(safe-area-inset-bottom));margin:0 auto}.app-header{z-index:20;padding:max(12px, env(safe-area-inset-top)) 18px 12px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0d11e0;border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:12px;margin:-12px -14px 0;display:flex;position:sticky;top:0}.brand-button{min-width:0;color:var(--text);cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:0;font-weight:700;display:inline-flex}.brand-button>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brand-logo{color:currentColor;display:block}.brand-logo--header{color:#f6f8fc;flex:none;width:31px;height:31px}.api-pill{border:1px solid var(--line-soft);color:var(--muted);border-radius:999px;flex:none;align-items:center;gap:6px;padding:6px 9px;font-size:10px;display:inline-flex}.api-pill>span{background:var(--gold);border-radius:50%;width:6px;height:6px}.api-pill--online>span{background:var(--green)}.api-pill--offline>span{background:var(--red)}.app-content{padding-top:8px}.screen-stack{gap:12px;display:grid}.screen-title{align-items:center;gap:12px;min-height:68px;padding:8px 2px 2px;display:flex}.screen-title h1{letter-spacing:-.035em;margin:0;font-size:25px;font-weight:650}.screen-title p{color:var(--muted);margin:4px 0 0;font-size:12px}.back-button{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--text);cursor:pointer;border-radius:999px;flex:none;place-items:center;font-size:27px;line-height:1;display:grid}.panel,.dev-panel,.support-action-list,.profile-identity,.profile-menu-list{border:1px solid var(--line);background:#111318f0}.panel{border-radius:24px;padding:18px}.panel h2{letter-spacing:-.025em;margin:5px 0 0;font-size:20px;font-weight:620}.panel p{color:var(--muted);line-height:1.55}.section-kicker,.profile-menu-title{color:var(--cyan);letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:800}.home-stage{flex-direction:column;align-items:center;min-height:calc(100vh - 170px);padding:7px 0 0;display:flex}.home-profile-select{border:1px solid var(--line);background:#111318db;border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;padding:3px;display:inline-grid}.home-profile-select button{min-width:112px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 14px;font-size:12px;position:relative}.home-profile-select button.is-active{background:var(--cyan-soft);color:var(--text);box-shadow:inset 0 0 0 1px #48bfff38}.profile-dot{background:var(--green);vertical-align:middle;border-radius:50%;width:5px;height:5px;margin-left:7px;display:inline-block}.hero-logo-wrap{flex:260px;place-items:center;width:100%;min-height:250px;padding:18px 0 22px;display:grid}.brand-logo--hero{color:#f4f6fb;filter:drop-shadow(0 0 26px #48bfff0b);width:clamp(180px,50vw,285px);height:auto}.focus-subscription-card,.create-subscription-card{border:1px solid var(--line);background:#0f1115f5;border-radius:28px;width:100%}.focus-subscription-card{padding:20px}.focus-subscription-card__head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.focus-subscription-card h1{letter-spacing:-.03em;margin:7px 0 0;font-size:22px;font-weight:620}.active-badge{color:var(--green);background:#4fd39d14;border:1px solid #4fd39d2e;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:800}.focus-subscription-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:14px;font-size:12px;display:flex}.focus-subscription-meta button{color:#9bdcff;cursor:pointer;background:#48bfff12;border:1px solid #48bfff3d;border-radius:999px;padding:5px 9px;font-size:11px}.focus-actions{gap:9px;margin-top:18px;display:grid}.outline-action{color:#7dccff;cursor:pointer;background:0 0;border:1px solid #48bfffb3;border-radius:999px;width:100%;padding:13px 16px;font-weight:600}.outline-action:active{background:#48bfff14}.create-subscription-card{color:var(--text);text-align:center;cursor:pointer;border-style:dashed;justify-items:center;padding:34px 20px;display:grid}.create-subscription-card__plus{width:64px;height:64px;color:var(--cyan);background:#48bfff14;border:1px solid #48bfff33;border-radius:50%;place-items:center;margin-bottom:16px;font-size:36px;font-weight:300;display:grid}.create-subscription-card strong{font-size:18px;font-weight:600}.create-subscription-card small{max-width:320px;color:var(--muted);margin-top:9px;font-size:12px;line-height:1.55}.profile-pager{border:1px solid var(--line-soft);background:#111318e6;border-radius:999px;gap:5px;margin-top:13px;padding:5px 9px;display:inline-flex}.profile-pager span{background:#343844;border-radius:50%;width:7px;height:7px}.profile-pager span.is-active{background:var(--cyan);width:20px}.segmented-control{border:1px solid var(--line);background:#00000029;border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.segmented-control button{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:10px 8px;font-weight:560}.segmented-control button.is-active{color:var(--text);background:#48bfff14;border-color:#48bfff2e}.purchase-panel{padding:15px}.duration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px;display:grid}.duration-card{border:1px solid var(--line);min-height:105px;color:var(--text);text-align:left;cursor:pointer;background:#101216;border-radius:20px;padding:14px}.duration-card span,.duration-card strong,.duration-card small{display:block}.duration-card span{color:#d8dbe2;font-size:13px}.duration-card strong{margin-top:15px;font-size:20px;font-weight:600}.duration-card small{color:var(--cyan);margin-top:5px;font-size:11px}.duration-card.is-selected{border-color:#48bfffcc;box-shadow:inset 0 0 0 1px #48bfff24}.selected-plan__heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;margin-top:7px;padding-bottom:14px;display:flex}.selected-plan__heading h2{margin:0}.selected-plan__heading p{margin:5px 0 0;font-size:12px}.selected-plan__heading>strong{color:var(--cyan);font-size:23px;font-weight:600}.feature-list{color:#c7cad1;gap:10px;padding:16px 0 3px;font-size:13px;display:grid}.payment-actions{gap:9px;display:grid}.primary-button,.secondary-button{cursor:pointer;border-radius:16px;font-weight:650;transition:transform .12s,opacity .12s,background .12s}.primary-button{background:linear-gradient(115deg, var(--cyan), var(--violet));color:#081018;border:0;width:100%;margin-top:15px;padding:13px 16px}.secondary-button{color:#80d1ff;background:0 0;border:1px solid #48bfff59;padding:9px 12px}.secondary-button--large{width:100%;padding:13px 16px}.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled),.duration-card:active:not(:disabled){transform:scale(.985)}.primary-button:disabled,.secondary-button:disabled,.duration-card:disabled{cursor:not-allowed;opacity:.38}.dev-panel{color:var(--muted);border-radius:18px;padding:13px 15px}.dev-panel summary{cursor:pointer;font-size:12px}.dev-plan-list{gap:8px;margin-top:10px;display:grid}.dev-plan-list button{border:1px solid var(--line-soft);color:var(--text);cursor:pointer;background:#ffffff06;border-radius:13px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.setup-screen,.devices-screen{min-height:calc(100vh - 120px)}.setup-logo-wrap{place-items:center;min-height:210px;display:grid}.brand-logo--setup{color:#f6f8fce0;width:190px}.setup-panel{margin-top:auto}.setup-steps{color:#c7cad2;gap:10px;margin:17px 0 0;padding-left:22px;font-size:13px;line-height:1.55;display:grid}.security-note{margin:13px 0 0;font-size:11px;line-height:1.5;color:var(--muted)!important}.device-limit-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.device-limit-badge{width:52px;height:52px;color:var(--cyan);background:#48bfff14;border:1px solid #48bfff3d;border-radius:18px;place-items:center;font-size:20px;display:grid}.device-placeholder-list{margin-top:18px}.device-placeholder-list article{border:1px solid var(--line-soft);background:#0f1115;border-radius:18px;gap:13px;padding:15px;display:flex}.device-placeholder-list p{margin:7px 0 0;font-size:12px}.device-placeholder-icon{background:var(--cyan-soft);width:40px;height:40px;color:var(--cyan);border-radius:13px;flex:none;place-items:center;font-size:20px;display:grid}.support-action-list{border-radius:24px;overflow:hidden}.support-action-list>button{border:0;border-bottom:1px solid var(--line-soft);width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:13px;padding:16px 17px;display:flex}.support-action-list>button:last-child{border-bottom:0}.support-action-list>button:active{background:#ffffff06}.menu-icon,.profile-menu-icon{color:var(--cyan);background:#48bfff14;flex:none;place-items:center;display:grid}.menu-icon{border-radius:13px;width:42px;height:42px;font-size:19px}.support-action-list strong{font-size:14px;font-weight:580;display:block}.support-action-list small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.chevron{color:#777c87;margin-left:auto;font-size:23px}.empty-state{color:var(--muted);text-align:center;justify-items:center;padding:32px 12px 22px;display:grid}.empty-state--compact{padding:26px 12px}.empty-state__icon{color:#8c909a;place-items:center;width:54px;height:54px;margin-bottom:12px;font-size:34px;display:grid}.empty-state strong{color:#c2c5cc;font-size:14px;font-weight:560}.empty-state p{max-width:330px;margin:7px 0 0;font-size:12px}.faq-panel{padding:16px}.faq-list{gap:8px;margin-top:11px;display:grid}.faq-item{border:1px solid var(--line-soft);background:#0f1115;border-radius:16px}.faq-item button{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;display:flex}.faq-item p{margin:0;padding:0 14px 14px;font-size:12px}.profile-identity{border-radius:22px;align-items:center;gap:13px;padding:15px;display:flex}.avatar{width:46px;height:46px;color:var(--cyan);background:#48bfff14;border:1px solid #48bfff2e;border-radius:50%;flex:none;place-items:center;font-size:18px;font-weight:650;display:grid}.profile-identity>div:nth-child(2){flex:1;min-width:0}.profile-identity strong,.profile-identity span{display:block}.profile-identity strong{font-size:15px;font-weight:600}.profile-identity>div:nth-child(2) span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;overflow:hidden}.role-badge{color:var(--cyan);border:1px solid #48bfff26;border-radius:999px;padding:6px 8px;font-size:9px}.profile-menu-group{gap:8px;display:grid}.profile-menu-title{padding-left:3px}.profile-menu-list{border-radius:20px;overflow:hidden}.profile-menu-row{border:0;border-bottom:1px solid var(--line-soft);width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:12px;padding:14px 15px;display:flex}.profile-menu-row:last-child{border-bottom:0}.profile-menu-row:active{background:#ffffff06}.profile-menu-icon{border-radius:11px;width:35px;height:35px;font-size:15px}.profile-menu-copy{flex:1;min-width:0}.profile-menu-copy strong,.profile-menu-copy small{display:block}.profile-menu-copy strong{font-size:13px;font-weight:560}.profile-menu-copy small{color:var(--muted);margin-top:3px;font-size:10px}.state-dot{background:#555963;border-radius:50%;flex:none;width:8px;height:8px}.state-dot--ok{background:var(--green)}.order-history{margin-top:2px}.order-list{gap:1px;margin-top:11px;display:grid}.order-row{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.order-row:last-child{border-bottom:0}.order-row strong,.order-row small{display:block}.order-row strong{font-size:12px;font-weight:560}.order-row small{color:var(--muted);margin-top:4px;font-size:10px}.order-status{color:var(--gold);background:#f0c75d17;border-radius:999px;flex:none;padding:6px 8px;font-size:9px}.order-status--completed,.order-status--paid{color:var(--green);background:#4fd39d17}.order-status--failed,.order-status--cancelled,.order-status--expired{color:var(--red);background:#ec748517}.sbp-amount{color:var(--text);letter-spacing:-.045em;margin-top:5px;font-size:38px;font-weight:620}.requisites{gap:8px;margin-top:16px;display:grid}.requisites>div,.requisites>button{border:1px solid var(--line-soft);color:var(--text);text-align:left;background:#0f1115;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;display:flex}.requisites>button{cursor:pointer}.requisites span,.requisites small{color:var(--muted);font-size:10px}.requisites strong{margin-top:3px;font-size:13px;font-weight:580;display:block}.inline-message,.toast{color:#c9ecff;background:#48bfff0f;border:1px solid #48bfff24;border-radius:14px;font-size:11px;line-height:1.45}.inline-message{margin:12px 0 0;padding:10px 12px}.toast{z-index:30;right:14px;bottom:calc(91px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);width:min(100% - 28px,592px);margin:0 auto;padding:12px 14px;position:fixed;left:14px}.error-text{color:#ff91a0!important}.bottom-nav{z-index:25;right:0;bottom:calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080a0df0;border:1px solid #fff1;border-radius:999px;grid-template-columns:repeat(3,1fr);gap:4px;width:min(224px,100% - 44px);margin:0 auto;padding:5px;display:grid;position:fixed;left:0}.bottom-nav button{color:#d8dae0;cursor:pointer;background:0 0;border:0;border-radius:999px;align-content:center;place-items:center;gap:2px;min-height:53px;padding:5px;display:grid}.bottom-nav button>span{font-size:22px;line-height:1}.bottom-nav button small{font-size:9px;display:none}.bottom-nav button.is-active{color:var(--cyan);background:#48bfff1f;box-shadow:inset 0 0 0 1px #48bfff21}@media (width>=540px){.app-shell{padding-left:18px;padding-right:18px}.hero-logo-wrap{min-height:300px}.duration-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.duration-card{min-height:116px}}@media (height<=720px){.hero-logo-wrap{flex-basis:190px;min-height:190px}.brand-logo--hero{width:155px}}