.onboarding-shell{width:min(100%,460px);min-height:100vh;margin:auto;padding:14px 16px max(24px,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 12%,#31104f 0,#100919 34%,#05050a 72%);color:#fff}.onboarding-progress{height:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;align-items:center}.onboarding-progress i{height:3px;border-radius:4px;background:#31263d}.onboarding-progress i.active{background:linear-gradient(90deg,#7625ff,#d050ff);box-shadow:0 0 12px #a73cff}.onboarding-screen{min-height:calc(100vh - 52px);display:flex;flex-direction:column;align-items:center;text-align:center}.onboarding-screen>img{width:100%;height:clamp(225px,39vh,350px);object-fit:contain;filter:drop-shadow(0 18px 35px #0008);margin:4px 0 3px}.onboarding-kicker{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #672b9a;border-radius:20px;background:#3b155c;color:#e3b8ff;font-size:11px;font-weight:700}.onboarding-kicker svg{width:15px;height:15px}.onboarding-screen h1{font-size:clamp(25px,7vw,32px);line-height:1.12;margin:13px 0 9px}.onboarding-screen>p{max-width:360px;color:#aaa1b4;line-height:1.45;margin:0 0 17px}.onboarding-primary,.onboarding-secondary,.onboarding-back{width:100%;min-height:54px;border-radius:15px;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:750}.onboarding-primary{border:0;background:linear-gradient(135deg,#711fff,#b13cff);box-shadow:0 10px 30px #7625ff42;margin-top:auto}.onboarding-secondary{border:1px solid #8732d5;background:#110b19;margin:9px 0}.onboarding-back{border:0;background:transparent;color:#9e94a9;min-height:40px}.onboarding-primary svg,.onboarding-secondary svg{width:19px}.onboarding-devices{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.onboarding-devices button{position:relative;min-height:62px;border:1px solid #2b2235;border-radius:14px;background:#0d0a12;color:#fff;padding:10px;display:flex;align-items:center;gap:9px;text-align:left}.onboarding-devices button.selected{border-color:#9e3cff;background:#28113a}.onboarding-devices button>svg:first-child{color:#b34fff;width:22px}.onboarding-devices button>svg:last-child{position:absolute;right:8px;width:15px;color:#53e6a8}.onboarding-device-label{width:100%;display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid #30213e;background:#0d0a13;border-radius:14px;text-align:left}.onboarding-device-label>svg{color:#b44eff}.onboarding-device-label span{display:flex;flex-direction:column}.onboarding-device-label small{color:#918799}.key-screen>img{height:clamp(210px,35vh,315px)}.onboarding-loader{width:38px;height:38px;border:3px solid #3e2850;border-top-color:#b244ff;border-radius:50%;animation:spin 1s linear infinite;margin:2px 0 16px}.onboarding-key{width:100%;padding:10px 9px 10px 13px;border:1px solid #482565;border-radius:14px;background:#0a0810;display:flex;align-items:center;gap:8px;margin-bottom:8px}.onboarding-key code{min-width:0;flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d5c9df;font-size:11px}.onboarding-key button{width:38px;height:38px;border:0;border-radius:11px;background:#2c1741;color:#d8b3ff;display:grid;place-items:center}.onboarding-key svg{width:17px}.creating-note{color:#897f91;margin-top:8px}@media(min-width:700px){.onboarding-shell{margin:18px auto;border:1px solid #2a2034;border-radius:28px;min-height:calc(100vh - 36px)}.onboarding-screen{min-height:calc(100vh - 88px)}}.detected-device{width:100%;margin:-5px 0 9px;color:#aaa1b4;font-size:11px}.detected-device b{color:#d7b2ff}.import-button{margin-top:10px}.manual-copy{width:100%;min-height:42px;border:0;background:transparent;color:#a99daf;display:flex;align-items:center;justify-content:center;gap:7px}.manual-copy svg{width:16px}.connect-button{width:100%;min-height:54px;margin-top:9px;border:1px solid #8732d5;border-radius:15px;background:#110b19;color:#fff;font-weight:700}.subscription-connect{width:100%;min-height:54px;margin-top:10px;padding:0 16px;border:0;border-radius:15px;background:linear-gradient(135deg,#711fff,#a938ff);color:#fff;display:flex;align-items:center;gap:9px;font-weight:750}.subscription-connect svg{width:19px}.subscription-connect svg:last-child{margin-left:auto}.connection-guide{margin-top:10px;padding:15px;border:1px solid #42245e;border-radius:18px;background:linear-gradient(145deg,#171020,#09080e)}.connection-guide h3{margin:0 0 4px}.connection-guide>p{margin:0 0 13px;color:#9e94a8;font-size:12px}.connection-step{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px 0;border-top:1px solid #251b30}.connection-step>b{width:27px;height:27px;border-radius:50%;background:#8330e3;display:grid;place-items:center;font-size:12px}.connection-step span{min-width:0;display:flex;flex-direction:column;gap:3px}.connection-step small{color:#958a9f;font-size:9px}.connection-step button{min-height:36px;padding:0 9px;border:1px solid #7233a6;border-radius:10px;background:#271239;color:#fff;display:flex;align-items:center;gap:5px;font-size:10px}.connection-step button:disabled{opacity:.45}.connection-step button svg{width:14px}.connection-wait{margin-top:8px;padding:10px;border-radius:10px;background:#382116;color:#ffc78a;font-size:10px;line-height:1.4}.device-list{display:grid;gap:9px}.device-list article{min-width:0;padding:13px;border:1px solid #282034;border-radius:15px;background:#0e0c15;display:flex;align-items:center;gap:11px}.device-icon{width:42px;height:42px;flex:0 0 auto;border-radius:12px;background:#28123b;color:#ad4eff;display:grid;place-items:center}.device-list article>div{min-width:0;display:flex;flex-direction:column;gap:4px}.device-list b,.device-list small,.device-list em{overflow:hidden;text-overflow:ellipsis}.device-list small{color:#a59aaa;font-size:10px;white-space:normal}.device-list em{color:#5fdaa6;font-size:9px;font-style:normal;white-space:nowrap}.fortune-page{min-height:100vh;padding-bottom:30px;background:radial-gradient(circle at 50% 17%,#40106e 0,#13091e 30%,#06050b 64%);color:#f8f5ff;overflow:hidden}.fortune-topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:10px 16px}.fortune-topbar button,.fortune-topbar>span{width:40px;height:40px;border:1px solid #3a2851;border-radius:13px;background:#100b18;color:#fff;display:grid;place-items:center}.fortune-topbar img{width:124px}.fortune-topbar svg{width:19px}.fortune-topbar>span{color:#c26aff}.fortune-intro{text-align:center;padding:12px 24px 0}.fortune-test{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #8647b9;border-radius:999px;background:#8e3dcc1f;color:#d9a8ff;font-size:11px;font-weight:700}.fortune-test svg{width:14px}.fortune-intro h1{margin:17px 0 8px;font-size:39px;line-height:.96;letter-spacing:-.055em;text-transform:uppercase}.fortune-intro h1 em{font-style:normal;color:#c450ff;text-shadow:0 0 24px #a327ff99}.fortune-intro p{margin:0 auto;max-width:340px;color:#b7acbf;font-size:13px;line-height:1.5}.wheel-stage{position:relative;width:310px;height:310px;margin:20px auto 10px;display:grid;place-items:center}.wheel-glow{position:absolute;inset:35px;border-radius:50%;box-shadow:0 0 75px 22px #9a24ff73;pointer-events:none}.wheel-pointer{position:absolute;z-index:5;top:5px;left:50%;width:0;height:0;transform:translate(-50%);border-left:15px solid transparent;border-right:15px solid transparent;border-top:30px solid #fff;filter:drop-shadow(0 4px 10px #000)}.fortune-wheel{position:relative;z-index:2;width:270px;height:270px;border:7px solid #e3c8ff;border-radius:50%;background:conic-gradient(#a637ff 0 36deg,#341149 36deg 72deg,#7221bc 72deg 108deg,#1c1027 108deg 144deg,#b84fff 144deg 180deg,#3b1353 180deg 216deg,#8125d0 216deg 252deg,#1b0f25 252deg 288deg,#9c32ed 288deg 324deg,#42145c 324deg 360deg);box-shadow:inset 0 0 0 5px #16091f,0 0 0 2px #6d2f97,0 0 42px #9e29ff80;transition:transform 3.2s cubic-bezier(.12,.72,.08,1)}.fortune-wheel:after{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0 35deg,#f1d9ff55 35deg 36deg)}.fortune-wheel>span{position:absolute;z-index:2;left:50%;top:50%;width:40px;margin-left:-20px;margin-top:-11px;text-align:center;font-weight:900;font-size:18px;text-shadow:0 2px 7px #000}.wheel-core{position:absolute;z-index:4;inset:86px;border:3px solid #ead9ff;border-radius:50%;background:radial-gradient(circle at 38% 28%,#5b2287,#110916 72%);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 22px #000}.wheel-core svg{width:26px;color:#ce6cff}.wheel-core b{font-size:12px;letter-spacing:.1em}.fortune-panel{margin:0 16px;padding:17px;border:1px solid #3c2851;border-radius:22px;background:linear-gradient(155deg,#171022f2,#0b0811f5);box-shadow:0 22px 60px #0008}.fortune-section-label{display:flex;align-items:center;gap:8px;margin:2px 0 10px;color:#cfc5d7;font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.fortune-section-label:not(:first-child){margin-top:18px}.fortune-section-label span{color:#bb53ff;font-size:10px}.fortune-subscriptions{display:grid;gap:8px}.fortune-subscriptions button{min-height:56px;padding:9px 12px;border:1px solid #30233e;border-radius:14px;background:#0d0a12;color:#fff;display:flex;align-items:center;gap:11px;text-align:left}.fortune-subscriptions button.selected{border-color:#a542f4;background:#2a113c;box-shadow:inset 0 0 22px #9e34e923}.fortune-subscriptions button>svg{width:21px;color:#ba55ff}.fortune-subscriptions button span{display:flex;flex-direction:column;gap:3px}.fortune-subscriptions button small{color:#aaa0b2}.fortune-empty{padding:14px;border:1px dashed #49345e;border-radius:14px;color:#b4a8bd;text-align:center;font-size:13px}.fortune-stakes{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.fortune-stakes button{height:64px;border:1px solid #342443;border-radius:15px;background:#0b0910;color:#fff;display:flex;align-items:baseline;justify-content:center;gap:4px}.fortune-stakes button b{font-size:24px}.fortune-stakes button small{color:#aa9eb4}.fortune-stakes button.selected{border-color:#bd5cff;background:linear-gradient(145deg,#7a24cb,#3c125f);box-shadow:0 8px 24px #932dff44}.fortune-stakes button:disabled{opacity:.35}.fortune-rule{display:flex;gap:9px;margin:14px 2px;color:#a99eb3;font-size:11px;line-height:1.45}.fortune-rule svg{width:18px;flex:0 0 auto;color:#b64cff}.fortune-spin-button{width:100%;height:57px;border:0;border-radius:15px;background:linear-gradient(135deg,#7922e8,#c33dff);color:#fff;font-weight:850;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 12px 34px #8b24ec55}.fortune-spin-button:disabled{opacity:.5;box-shadow:none}.fortune-result,.fortune-error{margin:0 16px 12px;border-radius:16px;padding:13px;display:flex;gap:11px;align-items:center}.fortune-result{border:1px solid #674186;background:#251337}.fortune-result.win{border-color:#43d7a1;background:#0d352b}.fortune-result>span{width:35px;height:35px;border-radius:50%;background:#ffffff14;display:grid;place-items:center}.fortune-result svg{width:18px}.fortune-result div{display:flex;flex-direction:column;gap:4px}.fortune-result small{color:#c6b8cf}.fortune-error{border:1px solid #984653;background:#351017;color:#ffb9c1;font-size:13px}.fortune-history{margin:18px 16px 0}.fortune-history h2{display:flex;align-items:center;gap:8px;font-size:15px}.fortune-history h2 svg{width:18px;color:#b94fff}.fortune-history>div{min-height:54px;border-bottom:1px solid #211629;display:flex;align-items:center;gap:11px}.fortune-history>div>span{width:36px;height:36px;border:1px solid #513369;border-radius:11px;display:grid;place-items:center;color:#d08cff;font-weight:850}.fortune-history p{display:flex;flex:1;flex-direction:column;gap:3px;margin:0}.fortune-history small{color:#867b8f}.fortune-history em{font-style:normal;font-weight:800;font-size:12px}.fortune-history em.positive{color:#51dfa9}.fortune-history em.negative{color:#ff8c9b}.fortune-no-history{padding:18px;border:1px dashed #2d2037;border-radius:14px;color:#8d8295;text-align:center;font-size:12px}.fortune-modal-layer{position:fixed;z-index:60;inset:0;display:flex;align-items:flex-end;justify-content:center}.fortune-backdrop{position:absolute;inset:0;border:0;background:#020104d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.fortune-confirm{position:relative;z-index:2;width:min(100%,460px);padding:25px 20px max(22px,env(safe-area-inset-bottom));border:1px solid #563174;border-radius:24px 24px 0 0;background:#120b1b;text-align:center}.fortune-confirm>span{width:50px;height:50px;margin:auto;border-radius:16px;background:#8d2bee;color:#fff;display:grid;place-items:center}.fortune-confirm h2{margin:15px 0 8px}.fortune-confirm p{color:#b3a7bc;font-size:13px;line-height:1.5}.fortune-confirm>div{display:grid;grid-template-columns:1fr 1.45fr;gap:9px;margin-top:18px}.fortune-confirm button{min-height:50px;border:1px solid #3a2a47;border-radius:13px;background:#0b0910;color:#fff;font-weight:700}.fortune-confirm .confirm-spin{border:0;background:linear-gradient(135deg,#7621df,#b63bff)}.fortune-page button{cursor:pointer}.fortune-page button:focus-visible{outline:3px solid #e0b7ff;outline-offset:2px}@media(prefers-reduced-motion:reduce){.fortune-wheel{transition-duration:.01ms}}@media(min-width:700px){.fortune-page{border-radius:28px}}.wheel-stage{isolation:isolate}.wheel-stage:before{content:"";position:absolute;z-index:3;width:270px;height:270px;border:7px solid #e3c8ff;border-radius:50%;box-shadow:inset 0 0 0 5px #16091f,0 0 0 2px #6d2f97;pointer-events:none}.wheel-glow{box-shadow:0 0 62px 18px #9a24ff66}.fortune-wheel{width:256px;height:256px;border:0;background:#170b22;box-shadow:none;transition:none;will-change:transform;backface-visibility:hidden;transform-style:preserve-3d;contain:layout paint style}.fortune-wheel:after{display:none}.fortune-wheel img{display:block;width:100%;height:100%;border-radius:50%;-webkit-user-select:none;user-select:none;pointer-events:none}.wheel-stage>.wheel-core{position:absolute;z-index:4;inset:113px auto auto 113px;width:84px;height:84px}.fortune-entry{width:calc(100% - 32px);min-height:76px;margin:14px 16px 0;padding:13px 14px;border:1px solid #7f3cb6;border-radius:18px;background:linear-gradient(120deg,#22102f,#120b1c 62%,#33104e);color:#fff;display:grid;grid-template-columns:44px 1fr auto 18px;align-items:center;gap:11px;text-align:left;box-shadow:0 12px 34px #6f19b72e;cursor:pointer}.fortune-entry>span{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#a838ff,#6420b9);display:grid;place-items:center;box-shadow:0 0 24px #a43cff55}.fortune-entry>span svg{width:23px}.fortune-entry>div{display:flex;min-width:0;flex-direction:column;gap:4px}.fortune-entry b{font-size:15px}.fortune-entry small{color:#c8bbcf;font-size:11px;line-height:1.3}.fortune-entry em{padding:5px 8px;border-radius:999px;background:#a343e820;color:#dda8ff;font-size:10px;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.fortune-entry>svg{width:18px;color:#c66dff}.fortune-entry:focus-visible{outline:3px solid #d7a3ff;outline-offset:2px}.fortune-entry:active{transform:translateY(1px)}.fortune-daily{min-height:65px;margin-top:16px;padding:11px 12px;border:1px solid #49305e;border-radius:15px;display:flex;align-items:center;gap:11px;background:#110b18}.fortune-daily>span{width:40px;height:40px;flex:0 0 auto;border-radius:13px;display:grid;place-items:center;background:#ffffff0d;color:#bf6bfa}.fortune-daily>span svg{width:20px}.fortune-daily>div{display:flex;min-width:0;flex-direction:column;gap:4px}.fortune-daily b{font-size:13px}.fortune-daily small{color:#aa9eb4;font-size:11px;line-height:1.35}.fortune-daily.ready{border-color:#9f47e0;background:linear-gradient(120deg,#2b123e,#150b1e)}.fortune-daily.ready>span{background:linear-gradient(145deg,#a139fa,#6720bb);color:#fff;box-shadow:0 0 20px #9f38ee55}.fortune-daily.used{border-color:#2e2537;background:#0c0910}.fortune-jackpot-note{margin:9px 3px 0;color:#8f8398;font-size:10px;line-height:1.45;text-align:center}.fortune-spin-button.bonus{margin-top:10px;background:linear-gradient(135deg,#7d22e8,#ce48ff)}.fortune-spin-button.paid{margin-top:0}.fortune-paid-test{margin-top:21px;padding-top:2px;border-top:1px solid #2b1d35}.fortune-paid-test .fortune-section-label{margin-top:17px}@media(max-width:360px){.fortune-entry{grid-template-columns:40px 1fr 16px}.fortune-entry em{display:none}}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8f5ff;background:#05050b;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#22103f 0,#090712 38%,#05050b 75%);min-width:320px}button,a{font:inherit}.app-shell{width:min(100%,460px);min-height:100vh;margin:auto;padding-bottom:88px;background:linear-gradient(180deg,#140d22f5,#07070d 45%);overflow:hidden}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:10px 16px}.topbar img{width:120px;height:38px;object-fit:contain}.icon-button{width:40px;height:40px;border:1px solid #302442;background:#100d19;color:#eee;border-radius:13px;display:grid;place-items:center}.icon-button svg{width:19px}.top-spacer{width:40px}.hero{height:440px;position:relative;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center 30%}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#05050b14 40%,#090711 94%)}.hero-logo{position:absolute;z-index:2;top:12px;left:18px;width:145px;height:45px;object-fit:contain}.status-card{position:absolute;z-index:3;left:16px;right:16px;bottom:7px;padding:16px;display:flex;gap:12px;align-items:center;border:1px solid #503176;border-radius:18px;background:linear-gradient(135deg,#161221f5,#4b1760eb);box-shadow:0 12px 45px #000}.status-card.online{background:linear-gradient(135deg,#181329,#282044)}.status-dot{width:45px;height:45px;border-radius:50%;background:#ff445f33;color:#ff526b;display:grid;place-items:center}.online .status-dot{background:#38db9a25;color:#39e7a3}.status-card div{display:flex;flex-direction:column;gap:5px;flex:1}.status-card strong{font-size:16px}.status-card small{color:#aaa1b9}.status-card>svg{width:18px}.cta-stack{display:grid;gap:12px;padding:10px 16px 18px}.trial-button,.outline-button,.primary{border:0;border-radius:16px;color:#fff;min-height:58px}.trial-button{padding:12px 16px;background:linear-gradient(135deg,#711fff,#b13cff);display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px #7625ff42}.trial-button>svg:first-child{padding:7px;width:38px;height:38px;background:#ffffff1f;border-radius:12px}.trial-button span{display:flex;flex:1;text-align:left;flex-direction:column}.trial-button small{opacity:.75;margin-top:3px}.outline-button{border:1px solid #9139e7;background:#0c0913;font-weight:650;display:flex;align-items:center;justify-content:center;gap:9px}.features{padding:0 16px 20px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.features div{min-height:65px;border:1px solid #211a2e;border-radius:14px;background:#0d0b15;padding:12px;display:flex;gap:9px;align-items:center;font-size:12px}.features svg{color:#a64cff;width:22px}.subscription-summary{margin:12px 16px 18px;padding:18px;border:1px solid #342249;border-radius:20px;background:linear-gradient(145deg,#171123,#0b0912)}.summary-head{display:flex;justify-content:space-between}.summary-head h2{margin:8px 0}.badge{font-size:11px;color:#42e8a8;background:#12382c;padding:5px 8px;border-radius:20px}.ring{width:62px;height:62px;border-radius:50%;border:7px solid #923bff;display:grid;place-items:center;box-shadow:0 0 20px #8d36ff77}.metric-grid,.action-grid{display:grid;gap:10px;margin-top:16px}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid div{background:#0a0910;border:1px solid #20192d;padding:12px;border-radius:13px;display:flex;flex-direction:column;gap:5px}.metric-grid small{color:#9f96aa}.metric-grid b{font-size:12px}.action-grid{grid-template-columns:repeat(3,1fr)}.action-grid button{min-height:67px;border:1px solid #332446;border-radius:13px;background:#100c18;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:11px}.action-grid button:first-child{background:linear-gradient(135deg,#7423ef,#a536ff)}.action-grid svg{width:20px}.page{padding:0 16px 24px}.page .topbar{margin:0 -16px}.page h1{font-size:23px;margin:15px 0 18px}.plan-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px}.plan-switch button{border:1px solid #292033;background:#0c0b12;color:#fff;border-radius:16px;padding:18px 8px;display:flex;flex-direction:column;align-items:center;gap:8px}.plan-switch button.selected{border-color:#9637ff;background:linear-gradient(145deg,#35105e,#120e1d)}.plan-switch svg{color:#b35cff}.plan-switch small{color:#aaa1b4}.duration-list{display:grid;gap:9px;margin:16px 0}.duration-list button{height:48px;border:1px solid #201929;background:#0c0b12;color:#eee;border-radius:13px;padding:0 13px;display:flex;align-items:center;gap:10px}.duration-list button.selected{border-color:#9439fa;background:#1b1029}.duration-list i{width:22px;height:22px;border:2px solid #514565;border-radius:50%}.duration-list .selected i{border:6px solid #8f32ef}.duration-list span{flex:1;text-align:left}.duration-list em{font-size:10px;font-style:normal;color:#42df9f;background:#15382d;padding:3px 5px;border-radius:5px}.benefits{list-style:none;padding:0;display:grid;gap:10px;color:#c8c0d2}.benefits li{display:flex;gap:9px;align-items:center}.benefits svg{width:20px;color:#9d45ff}.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;background:linear-gradient(135deg,#711fff,#a938ff);font-weight:700;text-decoration:none}.wide{width:100%}.device-limit,.empty-card{border:1px solid #282034;background:#0e0c15;border-radius:17px;padding:16px;margin-bottom:14px}.device-limit span,.device-limit small{color:#aaa1b4}.device-limit b{display:block;font-size:22px;margin:5px 0}.device-limit>div{height:7px;border-radius:10px;background:#211a2d;margin:10px 0}.device-limit i{display:block;width:5%;height:100%;background:#9b38ff;border-radius:10px}.empty-card{text-align:center;padding:35px 20px}.empty-card>svg{width:50px;height:50px;color:#a748ff}.empty-card p{color:#aaa1b4}.app-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:13px}.app-tabs button{height:40px;border:1px solid #251c32;border-radius:12px;background:#0b0911;color:#aaa}.app-tabs .selected{background:#8b2df0;color:#fff}.phone-shot{height:265px;overflow:hidden;border-radius:18px;border:1px solid #36234d;background:#09150d}.phone-shot img{width:100%;height:100%;object-fit:cover;object-position:center 7%}.steps{padding:5px 0;list-style:none}.steps li{display:flex;gap:12px;padding:11px 2px}.steps li>b{width:28px;height:28px;background:#9135f6;border-radius:50%;display:grid;place-items:center}.steps span{display:flex;flex-direction:column;gap:4px}.steps small{color:#9d94a8}.bottom-nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translate(-50%);width:min(100%,460px);height:75px;padding:8px 10px max(8px,env(safe-area-inset-bottom));background:#050509ee;border-top:1px solid #18121f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:grid;grid-template-columns:repeat(4,1fr)}.bottom-nav button{border:0;background:transparent;color:#817989;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px}.bottom-nav svg{width:20px}.bottom-nav .active{color:#a948ff}.center-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;background:radial-gradient(circle,#281144,#07070c 62%)}.center-screen img{width:78px;height:78px}.center-screen p{color:#aaa1b5;max-width:300px}.loader{width:32px;height:32px;border:3px solid #362347;border-top-color:#a63dff;border-radius:50%;animation:spin 1s linear infinite;margin:20px}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:700px){.app-shell{margin:18px auto;border:1px solid #282030;border-radius:28px;min-height:calc(100vh - 36px);box-shadow:0 25px 80px #000}.bottom-nav{bottom:18px;border-radius:0 0 28px 28px}}.current-plan{border:1px solid #42245e;border-radius:20px;padding:16px;background:linear-gradient(145deg,#1b1129,#0a0911);box-shadow:0 14px 35px #0006}.current-title{display:flex;align-items:center;gap:11px}.current-title>div{flex:1}.current-title h2{margin:3px 0 0}.current-title small{color:#a99fb3}.plan-icon{width:43px;height:43px;border-radius:13px;background:#8d32f52c;color:#b85cff;display:grid;place-items:center}.plan-icon svg{width:22px}.state{font-size:10px;padding:5px 8px;border-radius:20px;color:#ffbd77;background:#4a2b13}.current-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.current-stats div{padding:11px;border:1px solid #251b32;border-radius:12px;background:#09080e;display:flex;flex-direction:column;gap:4px}.current-stats small{color:#958b9f;font-size:10px}.current-stats b{font-size:12px}.key-panel{border-top:1px solid #2b2037;padding-top:13px}.key-panel>span{display:flex;gap:7px;align-items:center;font-size:12px;color:#c7bdd0}.key-panel>span svg{width:16px;color:#a748ff}.key-panel button{float:right;margin-top:-23px;border:0;border-radius:9px;background:#2b1740;color:#d8b6ff;padding:7px 9px;font-size:10px;display:flex;gap:5px}.key-panel button svg{width:13px;height:13px}.key-panel code{display:block;clear:both;margin-top:12px;padding:11px;background:#08070c;border-radius:10px;color:#aaa0b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.section-title{font-size:18px;margin:24px 0 12px}.plan-switch button em{font-size:9px;font-style:normal;color:#d9b8ff;background:#6f22ac55;padding:4px 7px;border-radius:12px}.subscription-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 14px}.subscription-picker button{min-width:0;border:1px solid #292034;border-radius:14px;padding:10px;background:#0c0a12;color:#fff;display:flex;align-items:center;gap:8px;text-align:left}.subscription-picker button.selected{border-color:#a33cff;background:linear-gradient(145deg,#28113d,#110b19);box-shadow:0 0 20px #932cff2b}.subscription-picker svg{width:19px;flex:0 0 auto;color:#ae4dff}.subscription-picker span{min-width:0;display:flex;flex-direction:column;gap:3px}.subscription-picker b,.subscription-picker small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subscription-picker b{font-size:11px}.subscription-picker small{font-size:8px;color:#9b91a5}.metric-grid .metric-link{position:relative;display:flex;flex-direction:column;gap:5px;padding:12px;border:1px solid #20192d;border-radius:13px;background:#0a0910;color:#fff;text-align:left}.metric-grid .metric-link>svg{position:absolute;top:50%;right:10px;width:15px;color:#a748ff;transform:translateY(-50%)}.page-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:15px 0 18px}.page-title-row h1{margin:0 0 5px}.page-title-row p{margin:0;color:#968ca1;font-size:12px;line-height:1.4}.refresh-devices{width:42px;height:42px;flex:0 0 auto;border:1px solid #3b2851;border-radius:13px;background:#15101e;color:#b455ff;display:grid;place-items:center}.refresh-devices:disabled{opacity:.55}.refresh-devices svg{width:19px}.spinning{animation:spin 1s linear infinite}.device-list{display:grid;gap:10px}.device-list article{display:block;min-width:0;border:1px solid #2b2038;border-radius:17px;padding:14px;background:linear-gradient(145deg,#14101d,#0a0910);transition:border-color .2s ease}.device-list article.confirming{border-color:#704023}.device-main{display:flex;gap:12px;align-items:flex-start}.device-icon{width:43px;height:43px;flex:0 0 auto;border-radius:13px;background:#8d32f522;color:#b34fff;display:grid;place-items:center}.device-icon svg{width:21px}.device-copy{min-width:0;display:flex;flex:1;flex-direction:column;gap:5px}.device-copy>b{font-size:14px}.device-copy>b,.device-copy>small,.device-copy>em{overflow-wrap:anywhere;white-space:normal}.device-copy>small{color:#aaa0b4;font-size:11px;line-height:1.4}.device-copy>em{color:#756d80;font-size:10px;font-style:normal}.device-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.device-actions button,.delete-confirm button{min-height:39px;border:1px solid #30223f;border-radius:11px;background:#171020;color:#cdbfd8;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px}.device-actions button svg,.delete-confirm button svg{width:15px}.device-actions .delete-action{color:#ff9f9f;border-color:#522b38;background:#211018}.device-actions .primary-action{color:#fff;border-color:#8c36e7;background:linear-gradient(135deg,#7024dd,#a23cff)}.device-edit{position:relative;display:grid;gap:5px}.device-edit label{font-size:10px;color:#a99fb4}.device-edit input{width:100%;height:39px;border:1px solid #7440a1;border-radius:10px;background:#09070d;color:#fff;padding:0 42px 0 10px;outline:none}.device-edit input:focus{border-color:#bd67ff;box-shadow:0 0 0 3px #9f3cff22}.device-edit small{position:absolute;right:9px;bottom:12px;font-size:9px;color:#716878}.delete-confirm{margin-top:13px;padding:12px;border-radius:12px;background:#211017}.delete-confirm strong{font-size:13px;color:#ffd1d1}.delete-confirm p{margin:6px 0 11px;color:#b99ca5;font-size:11px;line-height:1.45}.delete-confirm>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.delete-confirm .danger{color:#fff;border-color:#a74056;background:#a52d47}.device-message{margin:0 0 12px;padding:11px 12px;border-radius:12px;font-size:11px;line-height:1.4}.device-message.success{border:1px solid #235c48;background:#102e25;color:#83ebc2}.device-message.error{border:1px solid #6a3042;background:#2a111a;color:#ffafbd}.device-note{display:flex;gap:11px;margin-top:15px;padding:14px;border:1px solid #2c2040;border-radius:15px;background:#110c19}.device-note>svg{width:21px;flex:0 0 auto;color:#a64cff}.device-note p{display:flex;flex-direction:column;gap:4px;margin:0}.device-note b{font-size:12px}.device-note span{color:#958b9f;font-size:11px;line-height:1.45}@media(prefers-reduced-motion:reduce){.spinning{animation:none}}.payment-box{margin:18px 0 12px;padding:15px;border:1px solid #2a2036;border-radius:16px;background:#0c0a12}.payment-box h3{margin:0 0 12px;font-size:15px}.payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.payment-methods button{height:40px;border:1px solid #2a2035;border-radius:11px;background:#12101a;color:#aaa}.payment-methods button.selected{border-color:#9a3aff;background:#32104f;color:#fff}.payment-box input{width:100%;height:46px;margin-top:10px;border:1px solid #332442;border-radius:11px;background:#08070c;color:#fff;padding:0 12px;outline:none}.payment-box input:focus{border-color:#9c3cff}.order-message{font-size:12px;color:#bcb2c6;margin:11px 0 0}.order-message.paid{color:#48e7a4}.order-message.failed{color:#ff7f91}.order-message.review{color:#ffc471}.primary:disabled{opacity:.55}.maintenance-screen{min-height:100dvh;background:#080711;color:#fff;display:flex;flex-direction:column}.maintenance-screen>img{width:100%;height:42dvh;min-height:260px;object-fit:cover;object-position:center}.maintenance-copy{position:relative;margin-top:-28px;padding:28px 22px 40px;border-radius:28px 28px 0 0;background:linear-gradient(180deg,#171226,#090812);text-align:center}.maintenance-copy>span,.admin-label{display:inline-block;padding:7px 12px;border:1px solid #7c3aed66;border-radius:999px;background:#7c3aed1f;color:#c9a7ff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.maintenance-copy h1{margin:16px 0 12px;font-size:27px;line-height:1.12}.maintenance-copy p{margin:8px auto;color:#c5bfd2;line-height:1.5;max-width:380px}.maintenance-copy .primary{margin-top:22px;text-decoration:none}.admin-entry{width:calc(100% - 32px);margin:12px 16px 4px;padding:13px 14px;display:flex;align-items:center;gap:12px;border:1px solid #8b5cf64d;border-radius:16px;background:linear-gradient(135deg,#22133b,#11101c);color:#fff;text-align:left}.admin-entry>svg{color:#b76cff}.admin-entry span{flex:1;display:flex;flex-direction:column}.admin-entry small{color:#9e96ad;margin-top:2px}.admin-page{padding-bottom:30px}.admin-page>.admin-label{margin-top:10px}.maintenance-control{margin-top:20px;padding:20px;border:1px solid #2d2938;border-radius:20px;background:#12101c}.maintenance-control.enabled{border-color:#8b5cf680;background:linear-gradient(145deg,#211438,#12101c)}.maintenance-control-head{display:flex;gap:13px;align-items:center}.maintenance-control-head>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#262231;color:#aaa}.maintenance-control.enabled .maintenance-control-head>span{background:#7c3aed;color:#fff}.maintenance-control h2{font-size:18px;margin:3px 0}.maintenance-control small{color:#948b9f}.maintenance-control p{color:#b9b2c4;line-height:1.5}.danger-button{width:100%;padding:15px;border:1px solid #ef444480;border-radius:14px;background:#ef444419;color:#ff9191;font-weight:800}.admin-note{display:flex;gap:12px;margin-top:15px;padding:16px;border-radius:16px;background:#11101a;color:#aaa}.admin-note svg{flex:none;color:#a855f7}.admin-note p{margin:0;line-height:1.45}.admin-error{margin:12px 0;padding:10px;border-radius:10px;background:#ef444422;color:#ff9f9f}:root{--color-bg: #05050b;--color-surface: #0e0c15;--color-border: #2b2038;--color-primary: #9b38ff;--color-primary-bright: #b455ff;--color-text: #f8f5ff;--color-muted: #aaa1b4;--color-success: #42e8a8;--color-warning: #ffc471;--color-danger: #ff9f9f;--z-backdrop: 500;--z-dialog: 600;scrollbar-color:#6e2cab #100c18;scrollbar-width:thin}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:#100c18}*::-webkit-scrollbar-thumb{border:2px solid #100c18;border-radius:999px;background:#6e2cab}*::-webkit-scrollbar-thumb:hover{background:#9140d8}html,body,#root{max-width:100%;overflow-x:hidden}main,section,article,div,span{min-width:0}img,svg{max-width:100%}button{max-width:100%;overflow-wrap:anywhere}button,a{-webkit-tap-highlight-color:transparent}button:not(:disabled),a[href]{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d99bff;outline-offset:3px}button{transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s ease,opacity .18s ease}button:not(:disabled):active{transform:translateY(1px)}.app-shell,.onboarding-shell,.center-screen{min-height:100dvh}.decorative-icon{pointer-events:none}.support-link{margin-top:16px;color:#cda8ef}.center-screen>svg{width:58px;height:58px;color:var(--color-warning)}.app-message{margin:0 16px 12px;padding:12px 14px;border-radius:13px;font-size:13px;line-height:1.45}.app-message.error{border:1px solid #6a3042;background:#2a111a;color:#ffbdc8}.app-message.success{border:1px solid #235c48;background:#102e25;color:#83ebc2}.global-message{position:fixed;z-index:900;top:max(10px,env(safe-area-inset-top));left:50%;width:min(calc(100% - 32px),428px);margin:0;transform:translate(-50%);box-shadow:0 14px 44px #000a}.ring{grid-template-rows:auto auto;align-content:center;line-height:1}.ring small{margin-top:3px;color:#c5b5d3;font-size:9px}.status-card div,.summary-head>div,.current-title>div{min-width:0}.status-card strong,.status-card small,.summary-head h2,.current-title h2{overflow-wrap:anywhere}.summary-head{gap:12px}.ring,.status-alert,.state,.plan-icon{flex:0 0 auto}.metric-grid b,.current-stats b,.device-limit small,.restore-note,.order-message{overflow-wrap:anywhere}.current-title{flex-wrap:wrap}.current-title .state{margin-left:auto}.plan-switch button,.duration-list button,.payment-methods button,.duration-list span{min-width:0}.duration-list b,.duration-list em{flex:0 0 auto}.benefits svg,.features svg{flex:0 0 auto}.steps span{min-width:0}.steps strong,.steps small{overflow-wrap:anywhere}.bottom-nav button{min-width:0;padding-inline:2px}.badge.warning,.state.warning{color:#ffd099;background:#4a2b13}.badge.danger,.state.danger{color:#ffb1bf;background:#4b1824}.state.active{color:#54edaf;background:#123b2d}.status-warning{border-color:#70441d}.status-danger{border-color:#6a2b3a}.status-alert{width:48px;height:48px;color:var(--color-warning)}.status-explanation{margin:8px 0 0;color:#c2b7ca;font-size:13px;line-height:1.45}.metric-grid{align-items:stretch}.metric-grid>div,.metric-grid>button{min-height:63px}.action-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.restore-note{margin:14px 0 0;padding:12px;border-radius:12px;background:#211522;color:#c9bccf;font-size:13px;line-height:1.45}.supported-app{display:flex;align-items:center;gap:8px;margin-bottom:13px;padding:12px 14px;border:1px solid #3b2851;border-radius:13px;background:#15101e;color:#bfb4c8;font-size:13px}.supported-app svg{width:18px;color:var(--color-primary-bright)}.supported-app b{color:#fff}.empty-card.compact{margin-top:12px;padding:22px 16px}.empty-card.compact>svg{width:38px;height:38px}.payment-return{width:100%;min-height:44px;margin-top:11px;border:1px solid #8d36dc;border-radius:12px;background:#21102f;color:#fff;font-weight:700}.modal-layer{position:fixed;inset:0;z-index:var(--z-backdrop)}.modal-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;background:#020106c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.payment-dialog{position:absolute;z-index:var(--z-dialog);left:50%;bottom:max(18px,env(safe-area-inset-bottom));width:min(calc(100% - 28px),430px);max-height:calc(100dvh - 36px);overflow:auto;transform:translate(-50%);padding:22px;border:1px solid #573274;border-radius:22px;background:linear-gradient(155deg,#21122f,#0b0911 64%);box-shadow:0 22px 70px #000b}.dialog-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#8d32f52c;color:#c06cff}.dialog-icon svg{width:23px}.payment-dialog h2{margin:15px 0 9px;font-size:20px}.payment-dialog p{margin:0;color:#b9afc1;line-height:1.7}.payment-dialog p b{color:#fff}.dialog-actions{display:grid;grid-template-columns:.8fr 1.2fr;gap:9px;margin-top:19px}.dialog-actions button{min-height:50px;border:1px solid #382747;border-radius:13px;background:#14101b;color:#fff}.dialog-actions .primary{border-color:#933cff;background:linear-gradient(135deg,#711fff,#a938ff)}.subscription-picker small{font-size:10px}.current-stats small,.device-copy>em{font-size:11px}.key-panel button,.key-panel code,.connection-step button,.connection-step small{font-size:11px}.connection-step button{min-height:44px}.onboarding-key button,.icon-button,.refresh-devices{min-width:44px;min-height:44px}.device-actions button,.delete-confirm button{min-height:44px}.bottom-nav button{min-height:55px}@media(hover:hover){button:not(:disabled):hover{border-color:#8750b0}.bottom-nav button:hover{color:#c77bff}}@media(max-width:370px){.page{padding-right:12px;padding-left:12px}.page .topbar{margin-right:-12px;margin-left:-12px}.subscription-summary{margin-right:12px;margin-left:12px;padding:15px}.status-card{right:12px;left:12px;padding:13px;gap:9px}.status-dot{width:40px;height:40px;flex:0 0 auto}.status-card strong{font-size:14px}.status-card small{font-size:10px;line-height:1.35}.features{padding-right:12px;padding-left:12px;gap:8px}.features div{padding:10px;gap:7px}.metric-grid{gap:8px}.metric-grid>div,.metric-grid>button{padding:10px}.connection-step{grid-template-columns:28px minmax(0,1fr)}.connection-step button{grid-column:2;width:100%;justify-content:center}.device-actions button,.delete-confirm button{padding:6px;font-size:10px}.dialog-actions{grid-template-columns:1fr}.payment-dialog{padding:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(forced-colors:active){:root{scrollbar-color:auto}button,a,input{forced-color-adjust:auto}}.auto-renew-option{width:100%;margin-top:12px;padding:13px 14px;border:1px solid #352643;border-radius:14px;background:#0d0a14;color:#fff;display:flex;align-items:center;gap:12px;text-align:left}.auto-renew-option span{display:flex;flex:1;flex-direction:column;gap:4px}.auto-renew-option small{color:#a9a0b5;font-size:12px}.auto-renew-option i{width:42px;height:24px;border-radius:20px;background:#352c40;position:relative;transition:.2s}.auto-renew-option i:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#c7bfce;transition:.2s}.auto-renew-option.enabled{border-color:#8e3bea;background:#1d102b}.auto-renew-option.enabled i{background:#8e3bea}.auto-renew-option.enabled i:after{left:21px;background:#fff}.recurring-panel{margin:14px 0;padding:15px;border:1px solid #38254d;border-radius:16px;background:linear-gradient(145deg,#171022,#0c0912)}.recurring-panel h3{margin:0 0 10px}.recurring-card{display:flex;gap:12px;align-items:center}.recurring-card span{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}.recurring-card small{color:#aaa1b4;line-height:1.35}.recurring-card button{border:1px solid #7940ad;border-radius:11px;background:#251334;color:#fff;padding:9px 11px}.dialog-note{margin-top:-4px;padding:10px;border-radius:11px;background:#241334;color:#d9c9e8;font-size:12px;line-height:1.4}.dialog-note a,.recurring-terms{color:#d9a5ff}.recurring-terms{display:inline-block;margin-top:13px;font-size:12px}.payment-history{margin:14px 0;padding:15px;border:1px solid #2e223b;border-radius:16px;background:#0d0a13}.payment-history h3{margin:0 0 10px}.payment-history>div{display:flex;gap:12px;justify-content:space-between;padding:11px 0;border-top:1px solid #261c31}.payment-history>div>span,.payment-history>div>strong{display:flex;flex-direction:column;gap:3px}.payment-history>div>strong{text-align:right}.payment-history small{color:#9f95aa;font-size:11px}