:root{color-scheme:dark;--green:#77efb1;--muted:#9ab4a8;--panel:#142c23;--line:#2a4539}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top left,#184833 0,transparent 55%),#071710;color:#f2fbf6;font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}main{max-width:1000px;margin:auto;padding:36px 24px}header,.row,.bar,.node{display:flex;align-items:center;justify-content:space-between;gap:16px}header{margin-bottom:40px}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800;color:inherit;text-decoration:none}.brand small{display:block;color:var(--green);font-size:11px;letter-spacing:1px}.logo{display:grid;place-items:center;background:#234c37;border:1px solid #579470;border-radius:16px;width:54px;height:54px;font-size:32px;color:var(--green)}.badge{font-size:12px;color:var(--muted);padding:5px 12px;border:1px solid var(--line);border-radius:30px}h1{font-size:38px;line-height:1.2;margin:12px 0}h2{font-size:21px;margin:0 0 16px}p{color:var(--muted)}button,input,select{font:inherit}button{border:0;border-radius:14px;background:var(--green);color:#07301c;font-weight:650;padding:12px 22px;cursor:pointer}button:disabled{opacity:.45;cursor:wait}button.secondary{background:#213b30;color:#d8e9e1;border:1px solid var(--line)}button:hover:not(:disabled){filter:brightness(1.1)}input,select{display:block;width:100%;color:#fff;background:#0c2118;border:1px solid #385045;border-radius:12px;padding:13px;margin:7px 0 18px}label{color:#c6d8ce;font-size:14px}input:focus,button:focus-visible,select:focus{outline:2px solid var(--green);outline-offset:3px}.card{background:linear-gradient(145deg,#1b392c,#10251d);border:1px solid var(--line);border-radius:24px;padding:26px;margin:20px 0}.auth{max-width:480px;margin:40px auto}.tabs{display:flex;gap:6px;background:#10261b;border:1px solid var(--line);padding:6px;border-radius:18px;margin:24px 0}.tabs button{flex:1;background:transparent;color:var(--muted)}.tabs .active{background:#284c37;color:var(--green)}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--green)}.muted,small{color:var(--muted)}.node{padding:20px 0;border-top:1px solid var(--line)}.node:first-child{border:0}.node-main{flex:1}.node-title{font-size:18px;font-weight:650}.node-meta{font-size:13px;color:var(--muted)}.radio{background:transparent;border:2px solid #658674;color:var(--green);padding:0;border-radius:50%;width:30px;height:30px;flex-shrink:0}.radio.selected{border-color:var(--green)}.latency{font-variant-numeric:tabular-nums;color:var(--green);font-size:14px}.node-actions{text-align:right;min-width:95px}.node-actions button{padding:6px 13px;font-size:12px;margin-top:5px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.metric{font-size:45px;color:var(--green);font-weight:750;line-height:1.3}.metric small{font-size:16px}.wide{width:100%}.empty{text-align:center;padding:35px;color:var(--muted)}#message:not(:empty){background:#263e2f;border:1px solid #68826b;border-radius:12px;padding:14px;margin:15px 0}footer{text-align:center;font-size:12px;color:#789989;margin:40px 0}.invite-link{font-size:13px}.info{font-size:13px;border-left:2px solid #5b9674;padding-left:14px}.check{display:flex;align-items:center;gap:10px}.check input{width:auto;margin:0}.progress{height:7px;background:#071910;border-radius:8px;overflow:hidden}.progress span{display:block;background:var(--green);height:100%}.connected-choice{background:#294d38;padding:18px 22px;border-radius:20px;color:var(--green);margin:20px 0}.heading{margin:32px 0 20px}.help{color:var(--green)}@media(max-width:620px){main{padding:22px 18px}header{gap:10px;margin-bottom:26px}.brand{font-size:20px}.badge{font-size:10px;padding:4px 8px}.grid{grid-template-columns:1fr;gap:0}.card{padding:20px}.bar{align-items:flex-start;flex-wrap:wrap}h1{font-size:30px}.node{gap:12px}.node-title{font-size:16px}.tabs button{padding:10px}.node-meta{max-width:190px;overflow-wrap:anywhere}}
/* App-style home and persistent bottom navigation */
main{max-width:560px;padding-bottom:125px}header{margin-bottom:24px}.brand{font-size:23px}.home-hero{text-align:center}.home-hero h1{font-size:27px}.power-ring{width:min(310px,80vw);aspect-ratio:1;border:2px solid #2b5e42;border-radius:50%;margin:30px auto 22px;display:grid;place-items:center}.power-button{width:80%;height:80%;border-radius:50%;background:linear-gradient(135deg,#d8ffe9,#79efb0);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#073722;font-size:28px;box-shadow:0 0 45px #4cff9910}.power-button svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:3.5;stroke-linecap:round;margin-bottom:10px}.power-button span{font-size:26px;font-weight:700}.current-node{display:block;width:100%;text-align:left;color:#f2fbf6;padding:22px}.current-node small{display:block;font-size:14px;font-weight:400;margin-bottom:5px}.current-node span{display:block;font-size:22px}.current-node b{float:right;font-size:28px}.bottom-nav{position:fixed;z-index:10;bottom:16px;left:50%;transform:translateX(-50%);width:calc(100% - 36px);max-width:512px;background:#193127f5;backdrop-filter:blur(15px);border:1px solid #294538;border-radius:50px;padding:8px;display:flex;box-shadow:0 8px 35px #0005}.bottom-nav button{flex:1;background:transparent;color:#9ab4a8;border-radius:35px;padding:14px 4px;font-size:16px;white-space:nowrap}.bottom-nav .active{background:#071e14;color:#77efb1}.grid{grid-template-columns:1fr}.home-hero>p{font-size:14px}.auth{margin-top:20px}@media(max-width:400px){.brand{font-size:20px}.home-hero h1{font-size:24px}.power-ring{width:280px}.badge{padding:3px 6px}.bottom-nav button{font-size:15px}}
.payment-instructions{white-space:pre-wrap;overflow-wrap:anywhere;background:#0a2015;border-radius:14px;border:1px solid #345340;padding:16px;margin:14px 0 22px;color:#bce8cf}

.plan-entry{display:block;width:100%;text-align:left;color:inherit;font-weight:400}.plan-entry .help{font-weight:650}
.promo-slot:empty{display:none}.promo-banner{border:1px solid var(--line);background:var(--panel);border-radius:20px;margin:0 0 18px;padding:0;overflow:hidden}.promo-banner a{display:block;color:inherit;text-decoration:none}.promo-banner img{display:block;width:100%;max-height:220px;object-fit:contain;border-radius:0}.promo-banner h2{margin:14px 16px 8px}.promo-banner p{margin:8px 16px 16px}.promo-banner p,#promo-dialog p{white-space:pre-wrap;overflow-wrap:anywhere}.promo-banner small{font-size:10px}.promo-floating{position:fixed;right:18px;bottom:calc(108px + env(safe-area-inset-bottom));z-index:15;width:62px;text-align:center}.promo-floating img{display:block;width:62px;height:62px;object-fit:contain;border-radius:14px;background:var(--panel)}.promo-floating small{font-size:10px;background:var(--panel);border-radius:4px;padding:1px 4px}.promo-dismiss{padding:0;width:28px;height:28px;line-height:28px;border-radius:50%;background:#243d31;color:#fff}.promo-floating .promo-dismiss{position:absolute;right:-9px;top:-18px}#promo-dialog{color:#f2fbf6;background:#142c23;border:1px solid #385045;border-radius:24px;width:calc(100% - 36px);max-width:460px;max-height:85vh;overflow:auto;padding:24px}#promo-dialog::backdrop{background:#0009}#promo-dialog .promo-dismiss{float:right}#promo-dialog img{display:block;width:100%;max-height:50vh;object-fit:contain;margin:14px 0}#promo-dialog h2{margin:16px 0}#promo-dialog .promo-understood{display:block;width:100%;margin-top:18px}.promo-link{color:var(--green)}

.recharge-presets{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.recharge-presets button{flex:1 0 90px}
.recharge-presets button{white-space:nowrap;padding:14px 10px}

.payment-choices{border:0;padding:0;margin:20px 0;min-width:0}.payment-choices legend{margin-bottom:12px;color:#aec6be}.payment-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.payment-choice{position:relative;display:flex;align-items:center;gap:10px;border:1px solid #36554a;border-radius:16px;padding:16px;cursor:pointer;background:#102b20}.payment-choice input{position:absolute;opacity:0;width:1px;height:1px}.payment-choice span{display:grid;gap:5px}.payment-choice strong{font-size:16px}.payment-choice small{font-size:12px;color:#a1b8ae}.payment-choice b{margin-left:auto;opacity:0;color:#73edb1}.payment-choice:has(input:checked){border-color:#73edb1;background:#1c4431;box-shadow:0 0 0 1px #73edb1}.payment-choice:has(input:checked) b{opacity:1}.payment-choice:has(input:focus-visible){outline:2px solid #fff;outline-offset:3px}@media(max-width:360px){.payment-choice-grid{grid-template-columns:1fr}}

.auth form{display:grid;gap:18px}.auth form>label,.email-code-row label{display:block;min-width:0}.auth form input{height:50px;margin:7px 0 0}.auth form>small{margin-top:-4px}.auth form>.wide{min-height:50px}.email-code-row{display:grid;grid-template-columns:minmax(0,1fr) 126px;align-items:end;gap:12px;margin:0}.email-code-row button{height:50px;min-height:50px;padding:0 12px;white-space:nowrap;font-size:14px;border-radius:12px}.email-code-row button:disabled{cursor:default}@media(max-width:380px){.email-code-row{grid-template-columns:minmax(0,1fr) 112px;gap:10px}}

.settings-profile{display:flex;align-items:center;gap:14px}.settings-avatar{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border-radius:16px;background:#2a5740;color:var(--green);font-size:24px;font-weight:700}.settings-profile strong{display:block;font-size:15px;overflow-wrap:anywhere}.settings-profile small{display:block;margin-top:4px}.settings-group h2{font-size:14px;color:var(--muted);margin-bottom:8px}.settings-group details+details,.settings-group details+.settings-row,.settings-row+details{border-top:1px solid var(--line)}.settings-group summary,.settings-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;cursor:pointer;list-style:none}.settings-group summary::-webkit-details-marker{display:none}.settings-group summary small,.settings-row small{display:block;font-size:12px;font-weight:400;margin-top:5px}.settings-group summary b,.settings-row b{color:var(--green);font-size:24px}.settings-group details[open]>summary b{transform:rotate(90deg)}.settings-row{width:100%;background:transparent;color:inherit;text-align:left;border-radius:0;font-weight:400}.settings-detail{font-size:13px;padding-bottom:18px}.settings-form{display:grid;gap:16px;padding:0 0 20px}.settings-form input{height:50px;margin:7px 0 0}.settings-logout{background:#20362c;color:#e6b9b5;border:1px solid #435449;min-height:50px}.settings-group summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}