:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;color:#f5f7f4;background:#090c0b;font-synthesis:none;color-scheme:dark}.language-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}*{box-sizing:border-box}html{min-width:320px;background:#090c0b}body{margin:0;min-width:320px;min-height:100dvh;overflow-x:hidden;background:radial-gradient(circle at 80% -10%,#183d2f 0,transparent 32%),#090c0b}button,input,select,textarea{font:inherit}main{width:100%;max-width:560px;margin:auto;min-height:100dvh}.content{padding:max(20px,env(safe-area-inset-top)) clamp(12px,4vw,18px) calc(104px + env(safe-area-inset-bottom))}.stack{display:grid;gap:14px}header{margin:12px 2px 8px}h1{font-size:clamp(30px,9vw,38px);line-height:1.05;letter-spacing:-1.5px;margin:8px 0 12px}h2{font-size:25px;margin:15px 0 6px}h3{margin:5px 0 8px}p{color:#99a49e;line-height:1.55;margin:5px 0 12px}.eyebrow{font-size:11px;letter-spacing:2.2px;color:#66e0a4;font-weight:800}.card{min-width:0;background:#141917;border:1px solid #232b27;border-radius:22px;padding:18px;box-shadow:0 14px 40px #0004}.hero{padding:22px;background:linear-gradient(145deg,#17231e,#101512)}.hero.active{border-color:#2c6f50}.hero-actions{display:grid;grid-template-columns:1.35fr 1fr;gap:9px}.hero-actions .secondary-link{margin-top:0}.hero-top,.inline{display:flex;align-items:center;justify-content:space-between;gap:10px}.inline>*{min-width:0}.orb,.icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#193d2d;color:#6de1a7}.orb svg{width:27px}.button{width:100%;border:0;border-radius:15px;padding:14px 16px;background:#67e2a6;color:#082116;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;min-height:48px;touch-action:manipulation}.button:disabled{opacity:.45;cursor:wait}.button-note{display:block;margin-top:10px;color:#8b9790;font-size:11px;text-align:center}.button svg{width:19px}.badge{display:inline-flex;padding:7px 10px;border-radius:20px;background:#29302d;font-size:11px;font-weight:700}.badge-good{color:#67e2a6;background:#183429}.badge-warn{color:#ffcf7a;background:#352b18}.badge-bad{color:#ff8e8e;background:#381f1f}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid2 .card{display:grid;gap:5px}.grid2 strong{font-size:22px}.muted,.device span,.location span{font-size:12px;color:#8b9790}.green{color:#67e2a6}.location,.device,.menu-row{display:flex;align-items:center;gap:13px}.location div,.device div{display:grid;flex:1;min-width:0}.location strong,.device strong,.menu-card strong{overflow-wrap:anywhere}.flag{width:40px;height:40px;background:#222a26;border-radius:13px;display:grid;place-items:center;color:#fff!important;font-weight:800}.icon-button{width:42px;height:42px;padding:0;background:#242d28;color:#b7c1bc}.danger{color:#ff8989!important;background:#322222!important}.plans{display:grid;gap:12px}.popular{border-color:#66e0a4}.price{font-size:28px;display:block;margin:14px 0}.plan-card{position:relative}.plan-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-end}.plan-heading h3{margin-top:10px}.plan-heading .price{margin:0;white-space:nowrap}.plan-saving{display:inline-block;color:#66e0a4;font-size:13px;margin-bottom:10px}.benefits{list-style:none;padding:0;margin:8px 0 16px;display:grid;gap:8px;color:#c5cec9;font-size:13px}.benefits li{display:flex;gap:8px;align-items:center}.benefits svg,.secure-note svg{width:17px;color:#66e0a4;flex:0 0 auto}.checkout-steps,.guide-progress{display:flex;align-items:center;justify-content:space-between;gap:6px}.checkout-steps{border-radius:17px;padding:13px}.checkout-steps div{display:flex;align-items:center;gap:5px;font-size:11px}.checkout-steps span,.step-title>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#1d4b37;color:#6de1a7;font-weight:800;flex:0 0 auto}.checkout-steps i,.guide-progress i{height:1px;background:#354039;flex:1}.secure-note{display:flex;align-items:flex-start;gap:8px;font-size:12px;margin:0 6px}.chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-bottom:4px}.chips button{background:#202723;color:#dce4df;border:1px solid #303a35;border-radius:14px;padding:11px;min-width:0;touch-action:manipulation}.chips .chip-active{border-color:#66e0a4;color:#66e0a4}.chips svg{width:18px;display:block;margin:auto auto 4px}.warning{border-color:#51442b;background:#211e17}.guide-progress{padding:2px 4px}.guide-progress span{color:#738079;font-size:11px;white-space:nowrap;display:flex;align-items:center;gap:4px}.guide-progress span.done{color:#66e0a4}.guide-progress svg{width:14px}.guide-card{display:grid;gap:10px}.platform-instruction{margin-top:2px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:10px 2px 0}.section-heading h2{margin:5px 0 0}.device-manager{margin-top:4px}.step-title{display:flex;gap:11px;align-items:center}.step-title h3,.step-title p{margin:0}.step-title .device{flex:1}.instruction{background:#0d110f;border-radius:14px;padding:14px}.instruction ol{padding-left:20px;margin:8px 0 0;color:#a9b3ad;line-height:1.7;font-size:13px}.qr-wrap{display:grid;justify-items:center;gap:5px}.qr-wrap span{color:#8b9790;font-size:11px}.locations{display:grid;gap:8px}.field-label{display:grid;gap:2px;color:#aeb8b2;font-size:12px;margin-bottom:7px}input,select,textarea{width:100%;background:#0d110f;border:1px solid #303934;color:#fff;border-radius:13px;padding:13px;margin:6px 0}input[readonly]{text-overflow:ellipsis}textarea{min-height:120px;resize:vertical}.inline input{margin:0}.inline .button{width:auto}.promo-inline{margin-top:12px}.menu-row span:last-child{margin-left:auto;font-size:25px}.menu-row svg{color:#6de1a7}.menu-card{width:100%;color:#f5f7f4;display:flex;align-items:center;gap:13px;text-align:left;cursor:pointer}.menu-card svg{color:#6de1a7}.menu-card span{margin-left:auto;font-size:25px}.legal{text-align:center;font-size:11px}.empty{text-align:center;padding:40px 20px;border:1px dashed #38413d;border-radius:22px;display:grid;gap:8px}.empty span{color:#8d9792}.skeleton{border-radius:20px;background:linear-gradient(90deg,#141917,#242b28,#141917);background-size:200%;animation:p 1.4s infinite}@keyframes p{to{background-position:-200%}}.toast{position:fixed;bottom:96px;left:50%;transform:translate(-50%);background:#f0f5f2;color:#102018;padding:13px 18px;border-radius:14px;z-index:4;box-shadow:0 10px 30px #0008;width:max-content;max-width:calc(100vw - 24px);white-space:normal;text-align:center;overflow-wrap:anywhere}.error{text-align:center;margin-top:25vh}.error svg{color:#ffcf7a}.device-link,.managed-device,.link-result{display:grid;gap:12px}.link-result img{width:190px;max-width:100%;background:#fff;border-radius:16px;padding:8px;margin:auto}.device-actions,.link-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.link-actions a{text-decoration:none}.secondary-link{margin-top:10px;text-decoration:none;background:#242d28;color:#dce4df}nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(560px,100%);min-height:calc(72px + env(safe-area-inset-bottom));background:#101512ef;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid #242b28;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 6px max(8px,env(safe-area-inset-bottom));z-index:3}nav button{border:0;background:transparent;color:#68736d;display:grid;place-items:center;font-size:10px;gap:2px;min-width:0;padding:2px;touch-action:manipulation}nav svg{width:21px}nav .selected{color:#6de1a7}@media(max-width:420px){:root{font-size:17px}.content{padding-top:max(14px,env(safe-area-inset-top));padding-left:14px;padding-right:14px}header{margin-top:4px}h1{font-size:clamp(32px,10vw,38px)}h2{font-size:23px}.muted,.device span,.location span,.field-label{font-size:13px}.link-actions,.device-actions{grid-template-columns:1fr}.hero{padding:18px}.card{border-radius:18px;padding:15px}.inline{align-items:stretch;flex-direction:column}.inline .button{width:100%}nav button{font-size:10px}.plan-heading{align-items:flex-start}.plan-heading .price{font-size:22px}}@media(max-width:370px){.hero-actions{grid-template-columns:1fr}.hero-actions .secondary-link{margin-top:0}}@media(max-width:350px){.grid2{grid-template-columns:1fr}nav span{max-width:58px;overflow:hidden;text-overflow:ellipsis}.content{padding-left:10px;padding-right:10px}.chips{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-heading{display:grid}.checkout-steps strong{display:none}}@media(min-width:700px){main{border-left:1px solid #222;border-right:1px solid #222}}
