.wifi-page{color:#e9f5f5;background:#07151b;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.wifi-page *{box-sizing:border-box}.wifi-page button,.wifi-page select{font:inherit}.wifi-header{background:linear-gradient(110deg,#102a32,#0b1b27 70%);border-bottom:1px solid #234149;justify-content:space-between;align-items:end;gap:20px;padding:26px 34px;display:flex}.wifi-header a{color:#9de7ce;font-size:13px;font-weight:700;text-decoration:none}.wifi-header h1{letter-spacing:-.05em;margin:8px 0 4px;font-size:clamp(30px,4vw,50px)}.wifi-header p{color:#aec5c7;margin:0}.wifi-languages{gap:5px;display:flex}.wifi-languages button,.wifi-toolbar button{color:#c2dbda;cursor:pointer;background:#14303a;border:1px solid #35525a;border-radius:7px;padding:8px}.wifi-languages button.active,.wifi-segments button.active{color:#06271e;background:#15b78b;border-color:#15b78b}.wifi-grid{grid-template-columns:270px minmax(0,1fr) 258px;min-height:calc(100vh - 120px);display:grid}.wifi-panel{background:#0e222b;border-right:1px solid #234149;padding:22px}.wifi-details{border-left:1px solid #234149;border-right:0}.wifi-panel h2{color:#89acb0;letter-spacing:.12em;text-transform:uppercase;margin:26px 0 14px;font-size:11px}.wifi-panel h2:first-child{margin-top:0}.wifi-add{color:#e8f6f3;cursor:pointer;text-align:left;background:#162e37;border:1px solid #34515a;border-radius:10px;align-items:center;gap:10px;width:100%;margin:8px 0;padding:13px 10px;display:flex}.wifi-add.active{outline:2px solid #5ce5bf}.wifi-add:disabled{opacity:.4;cursor:not-allowed}.wifi-add small{color:#a5bec2;margin-left:auto}.wifi-dot{background:#16bd92;border-radius:50%;flex:none;width:11px;height:11px;display:inline-block}.wifi-dot.repeater{background:#f3a35a}.wifi-dot.neighbor{background:#c255e4}.wifi-muted{color:#90aaae;font-size:13px;line-height:1.5}.wifi-panel label{color:#d4e8e8;margin:17px 0;font-size:13px;display:block}.wifi-panel label strong{float:right;color:#67dfb5}.wifi-panel select{color:#e8f6f3;background:#152e37;border:1px solid #35525a;border-radius:7px;width:100%;margin-top:9px;padding:9px;display:block}.wifi-panel input[type=range]{accent-color:#25c993;width:100%;margin-top:12px;display:block}.wifi-segments{gap:6px;display:grid}.wifi-segments button,.wifi-actions button,.wifi-danger{color:#e8f6f3;cursor:pointer;text-align:left;background:#18333d;border:1px solid #35525a;border-radius:8px;padding:10px}.wifi-panel .wifi-check{align-items:center;gap:8px;margin:16px 0;display:flex}.wifi-check input{accent-color:#21bf93}.wifi-actions{flex-wrap:wrap;gap:7px;margin-top:24px;display:flex}.wifi-actions button{font-size:12px}.wifi-workspace{background:#0b171d;flex-direction:column;min-width:0;display:flex}.wifi-toolbar,.wifi-bottom{color:#b5cdca;background:#11242d;border-bottom:1px solid #254149;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:10px 16px;font-size:12px;display:flex}.wifi-toolbar>div{align-items:center;gap:8px;display:flex}.wifi-toolbar button{padding:3px 10px;font-size:17px}.wifi-live{background:#46dbaa;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.wifi-scroller{background-color:#0a151a;background-image:linear-gradient(#172b32 1px,#0000 1px),linear-gradient(90deg,#172b32 1px,#0000 1px);background-size:30px 30px;flex:1;max-height:calc(100vh - 207px);overflow:auto}.wifi-stage{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;min-width:0;position:relative}.wifi-plan,.wifi-heat,.wifi-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.wifi-plan{object-fit:fill}.wifi-heat{image-rendering:auto}.wifi-overlay{overflow:visible}.wifi-rings{animation:3s ease-in-out infinite alternate wifi-pulse}@keyframes wifi-pulse{0%{opacity:.35}to{opacity:1}}.wifi-bottom{border-top:1px solid #254149;border-bottom:0;margin-top:auto}.wifi-bottom>div{align-items:center;gap:9px;display:flex}.wifi-gradient{background:linear-gradient(90deg,#ee4949,#f9ca43,#51d469);border-radius:9px;width:115px;height:9px;display:inline-block}.wifi-purple{background:#c255e4;border-radius:9px;width:17px;height:9px;display:inline-block}.wifi-device-title{align-items:center;gap:8px;font-size:14px;display:flex}.wifi-device-title span:last-child{color:#789ca5;margin-left:auto;font-size:11px}.wifi-danger{color:#ffb0a6;border-color:#8c534e;margin-top:10px}.wifi-readings{border:1px solid #35525a;border-radius:10px;overflow:hidden}.wifi-readings>div{border-bottom:1px solid #35525a;justify-content:space-between;gap:10px;padding:12px;font-size:12px;display:flex}.wifi-readings>div:last-child{border:0}.wifi-readings span{color:#93b2b4}.wifi-readings strong{text-align:right;font-size:13px}.wifi-disclaimer{color:#bed0cf;background:#183038;border-left:3px solid #ddb366;margin-top:24px;padding:14px;font-size:12px;line-height:1.5}@media (max-width:1100px){.wifi-grid{grid-template-columns:230px minmax(0,1fr)}.wifi-details{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;display:grid}.wifi-details h2{grid-column:1/-1}.wifi-scroller{max-height:65vh}}@media (max-width:700px){.wifi-header{flex-direction:column;align-items:start;padding:20px}.wifi-grid{flex-direction:column;display:flex}.wifi-panel{border:0;border-bottom:1px solid #234149}.wifi-scroller{height:55vh;max-height:none}.wifi-details{display:block}.wifi-header h1{font-size:32px}}.wifi-page{font-family:var(--sans);background:#081b2a}.wifi-header{background:#0a2133;border-color:#45606c;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(20px,4vw,60px);padding:20px 5vw;display:grid}.wifi-header .wifi-brand{color:#f8f8f1;font:700 32px/1 var(--mono);letter-spacing:-.12em;align-items:center;gap:10px;display:inline-flex}.wifi-brand img{object-fit:contain;width:42px;height:42px}.wifi-brand>span>span{color:var(--lime)}.wifi-heading{min-width:0}.wifi-header .wifi-kicker{color:var(--lime);font:700 10px var(--mono);letter-spacing:.13em;text-transform:uppercase}.wifi-header h1{margin:3px 0 2px;font-size:clamp(28px,3vw,42px)}.wifi-header .wifi-heading>p:last-child{font-size:13px;line-height:1.45}.wifi-header-actions{align-items:center;gap:18px;display:flex}.wifi-header .wifi-back{color:#e9f5f5;min-height:38px;font:700 12px var(--mono);white-space:nowrap;border:1px solid #728b91;border-radius:999px;align-items:center;padding:7px 14px;display:inline-flex}.wifi-header .wifi-back:hover{background:var(--lime);border-color:var(--lime);color:#14202c}.wifi-languages{background:#06182b33;border:1px solid #ffffff61;border-radius:999px;align-items:center;gap:2px;padding:3px;display:flex}.wifi-languages .wifi-language-option{opacity:.68;background:0 0;border:0;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;transition:background .18s,opacity .18s,transform .18s;display:grid}:is(.wifi-languages .wifi-language-option:hover,.wifi-languages .wifi-language-option:focus-visible){opacity:1;transform:translateY(-1px)}.wifi-languages .wifi-language-option[aria-pressed=true]{background:var(--lime);opacity:1}:is(.wifi-page button:focus-visible,.wifi-page a:focus-visible,.wifi-page select:focus-visible){outline:2px solid var(--lime);outline-offset:2px}.wifi-panel,.wifi-details{background:#10283a}.wifi-panel h2{font-family:var(--mono);color:#a8c6c6}.wifi-add,.wifi-segments button,.wifi-actions button,.wifi-danger{border-radius:4px}.wifi-segments button.active{background:var(--lime);border-color:var(--lime);color:#14202c;font-weight:700}.wifi-toolbar,.wifi-bottom{background:#0e2839}.wifi-heat,.wifi-interference{pointer-events:none;image-rendering:auto;width:100%;height:100%;position:absolute;inset:0}.wifi-stage{cursor:grab;margin-inline:auto}.wifi-stage:active{cursor:grabbing}.wifi-overlay{isolation:isolate}.wifi-rings{mix-blend-mode:screen;filter:none;animation:none}.wifi-gradient{background:linear-gradient(90deg,#eb463f 0%,#f27e3d 22%,#f7b038 42%,#f4d43c 62%,#a4de4e 80%,#48ca67 100%);width:145px}.wifi-hatch{background:repeating-linear-gradient(135deg,#0000 0 4px,#a767c5 4px 6px,#0000 6px 10px);border:1px solid #ad7cc3;border-radius:2px;flex:none;width:22px;height:12px;display:inline-block}.wifi-bottom small{color:#a9bdc1}.wifi-neighbor-level{background:#2a2340}.wifi-neighbor-level strong{color:#d9b1eb}.wifi-neighbor-level.level-2{background:#4d274e}.wifi-neighbor-level.level-2 strong{color:#f3c8ed}@media (max-width:1000px){.wifi-header{grid-template-columns:auto 1fr}.wifi-header-actions{grid-column:1/-1;justify-content:space-between}}@media (max-width:700px){.wifi-header{gap:10px 18px;padding:18px 6vw}.wifi-header .wifi-brand{font-size:28px}.wifi-brand img{width:34px;height:34px}.wifi-header h1{font-size:28px}.wifi-header .wifi-heading>p:last-child{display:none}.wifi-bottom>div{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.wifi-rings{animation:none}.wifi-languages .wifi-language-option{transition:none}}.wifi-plan-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.wifi-plan-options button{color:#e8f6f3;cursor:pointer;background:#18333d;border:1px solid #35525a;border-radius:4px;padding:9px 3px;font-size:12px}.wifi-plan-options button.active{background:var(--lime);border-color:var(--lime);color:#14202c;font-weight:700}.wifi-theme-toggle{width:42px;height:42px;color:inherit;cursor:pointer;background:#06182b33;border:1px solid #ffffff73;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.wifi-theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.wifi-page[data-color-mode=light]{filter:invert(.88)hue-rotate(175deg)}.wifi-page[data-color-mode=light] img,.wifi-page[data-color-mode=light] canvas{filter:invert()hue-rotate(185deg)}
