:root{color-scheme:dark;--bg:#080e19;--panel:#111b2a;--line:#233047;--text:#e9f1fa;--muted:#8c9db5;--cyan:#53e6d2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 system-ui,sans-serif}button,input,select{font:inherit}button{border:0;border-radius:9px;background:var(--cyan);color:#062924;padding:11px 20px;cursor:pointer;font-weight:650}button:hover{filter:brightness(1.12)}button:disabled{opacity:.5;cursor:wait}input,select{width:100%;padding:11px;background:#0b1422;border:1px solid #34445e;border-radius:8px;color:var(--text);margin:6px 0 15px}label{display:block;color:var(--muted);font-size:13px}h1,h2,h3,p{margin-top:0}h1{font-size:36px;letter-spacing:-1px;margin-bottom:5px}h2{font-size:23px}h3{font-size:17px}small,.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);margin-bottom:14px}.brand{font-size:32px;font-weight:850;letter-spacing:-2px}.brand span{font-size:15px;color:var(--cyan);margin-left:5px}.brand small{font-size:10px;letter-spacing:3px;margin-left:12px}.login{min-height:100vh;display:flex;align-items:center;padding:7vw;overflow:hidden;background:radial-gradient(ellipse at 80% 60%,#103c48,transparent 55%)}.login-card{width:390px;z-index:1}.login-card h1{font-size:54px;line-height:1.3;margin:22px 0}.login-card form{margin:30px 0}.login-card button{width:100%}.orb{position:absolute;left:62%;width:26vw;height:26vw;border:1px solid #4ae4cf;border-radius:50%;box-shadow:0 0 110px #1bb8bc44,inset 0 0 90px #1bb8bc44}.orb:after{content:'';position:absolute;inset:35px;border:1px dashed #53e6d266;border-radius:50%}aside{position:fixed;inset:0 auto 0 0;width:235px;padding:28px 20px;background:#0c1421;border-right:1px solid var(--line)}aside .eyebrow{margin-top:48px}nav button{display:block;background:transparent;color:var(--muted);width:100%;text-align:left;margin:7px 0;font-size:13px;padding:12px}nav button.active{background:#193232;color:var(--cyan);border-left:3px solid var(--cyan)}.aside-bottom{position:absolute;bottom:25px;left:20px;right:20px;border-top:1px solid var(--line);padding-top:20px}.aside-bottom p{font-size:12px;margin:12px 0}.ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}main{margin-left:235px;padding:35px 4vw}header{display:flex;justify-content:space-between;align-items:center}.header-right{display:flex;gap:18px;align-items:center;color:var(--muted);font-size:12px}.badge{font-size:10px;letter-spacing:1px;background:#453817;color:#f5cf77;padding:5px 10px;border:1px solid #655126;border-radius:6px}.toolbar{display:flex;align-items:center;gap:20px;justify-content:space-between;margin:24px 0;padding:14px 0;border-block:1px solid var(--line);font-size:12px;color:var(--muted)}.toolbar label{display:flex;gap:10px;align-items:center}.toolbar select{width:170px;margin:0}.status{color:var(--cyan);font-size:12px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.card{background:linear-gradient(135deg,#142031,#101925);border:1px solid var(--line);border-radius:14px;padding:23px;margin-bottom:18px}.metric-label{color:var(--muted);font-size:12px}.value{font-size:33px;letter-spacing:-1px;font-weight:650;margin:13px 0}.value small{font-size:13px;letter-spacing:0;margin-left:7px}.spark{width:100%;height:44px}.spark polyline{stroke:var(--cyan);stroke-width:2;fill:none}.two{display:grid;grid-template-columns:1.7fr 1fr;gap:18px}.devices{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.device-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.device-icon{width:42px;height:42px;border-radius:12px;background:#163c42;color:var(--cyan);display:grid;place-items:center;font-size:22px}.device-row{display:flex;justify-content:space-between;font-size:13px;border-top:1px solid var(--line);padding:12px 0;color:var(--muted)}.device-row strong{color:var(--text)}.wide-chart{width:100%;height:190px}.wide-chart polyline{fill:none;stroke:var(--cyan);stroke-width:2}.chart-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row input{width:220px}.row label{flex:1}.row label input{width:100%}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:500}td pre{white-space:pre-wrap;word-break:break-word;max-width:500px;font-size:11px}.table-wrap{overflow:auto}.notice{padding:16px;border:1px solid #45583d;background:#1b2b23;border-radius:8px;white-space:pre-wrap}footer{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:var(--muted);margin-top:32px}#message,#loginError{color:#f5cf77}.big-status{font-size:50px;color:var(--cyan)}[hidden]{display:none!important}@media(max-width:1100px){.grid{grid-template-columns:repeat(2,1fr)}.devices{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}}@media(max-width:720px){aside{position:relative;width:100%;padding:15px}aside .eyebrow,.aside-bottom{position:static;margin-top:10px}nav{display:flex;overflow:auto}nav button{width:auto;white-space:nowrap}.aside-bottom{display:flex;gap:15px;align-items:center;padding:8px}.aside-bottom p{margin:0}main{margin:0;padding:20px}h1{font-size:28px}.header-right{flex-direction:column;gap:4px}.toolbar{flex-wrap:wrap}.devices,.grid{grid-template-columns:1fr 1fr;gap:10px}.card{padding:16px}.value{font-size:26px}.login{padding:25px}.orb{display:none}footer{display:block}.devices{grid-template-columns:1fr}}
/* NK Control · Aurora instrument edition */
:root{--bg:#080c1b;--panel:#12182e;--line:#29334e;--muted:#a2b0ce;--cyan:#46eed0}body{background:radial-gradient(ellipse at 40% 0%,#22204466,transparent 55%),radial-gradient(ellipse at 100% 65%,#10364a44,transparent 55%),#080c1b}.theme-vcu{--accent:#64acff;--glow:#468dff33}.theme-bms{--accent:#47e4af;--glow:#32dba633}.theme-inverter{--accent:#bd91ff;--glow:#a475fa33}.theme-mppt{--accent:#ffca66;--glow:#ffb43233}.theme-home{--accent:#ff83b4;--glow:#ff68ab33}aside{background:linear-gradient(180deg,#10182b,#0b1020);border-right:1px solid #2c3551;width:235px}.brand{color:#f4f7ff;text-shadow:0 0 30px #67e9e733}.brand small{color:#a1bbec}nav button{font-size:14px;border-radius:12px;padding:14px 12px}nav button.active{background:linear-gradient(90deg,#254c5666,#22324e66);box-shadow:0 0 24px #42e0cf0c;border:1px solid #458a8b66;color:#77ffe0}nav button:hover{background:#202a44}main{padding:32px 3.5vw}header h1{font-size:34px;letter-spacing:-.5px}header .eyebrow{color:#8b91c7}.toolbar{border:1px solid var(--line);border-radius:14px;padding:12px 18px;background:#151c2c99;backdrop-filter:blur(10px)}.card{background:linear-gradient(145deg,#1a223b,#10172a);border:1px solid #303a57;border-radius:20px;box-shadow:0 12px 32px #0002;position:relative;overflow:hidden}.metric-card{border-top:2px solid var(--accent);background:radial-gradient(ellipse at 90% 0%,var(--glow),transparent 65%),linear-gradient(145deg,#1a223b,#10172a);padding:20px 22px 12px;isolation:isolate}.metric-head{display:flex;justify-content:space-between;align-items:center}.metric-label{font-size:14px;color:#d0d8ed;font-weight:550}.metric-symbol{color:var(--accent);background:var(--glow);border:1px solid var(--accent);border-radius:10px;width:32px;height:32px;display:grid;place-items:center;font-size:21px}.gauge-wrap{position:relative;max-width:225px;margin:4px auto 0}.gauge{width:100%;display:block;overflow:visible}.gauge-track,.gauge-fill{fill:none;stroke-width:10;stroke-linecap:round}.gauge-track{stroke:#2d3751}.gauge-fill{stroke:var(--accent);filter:drop-shadow(0 0 6px var(--glow));transition:stroke-dasharray 1s ease}.gauge-tick{font:10px system-ui;fill:#8a9abb}.gauge-readout{position:absolute;inset:46% 0 auto;text-align:center;display:flex;flex-direction:column}.gauge-readout strong{font-size:36px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-1px}.gauge-readout span{font-size:11px;color:var(--accent);margin-top:7px;letter-spacing:1px}.metric-foot{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#9baaca}.live-dot{color:var(--accent)}.spark{height:35px;margin-top:8px}.spark polyline,.wide-chart polyline{stroke:var(--accent,#64ecde);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.wide-chart{height:200px;filter:drop-shadow(0 5px 10px var(--glow))}.trend-card{background:radial-gradient(ellipse at 20% 100%,#ffbb3310,transparent 70%),linear-gradient(145deg,#1a223b,#10172a)}.trend-card .status{color:#ffca66}.two{grid-template-columns:1.75fr 1fr}.health-card{text-align:center;background:radial-gradient(circle at 50% 50%,#504c9029,transparent 65%),linear-gradient(145deg,#1a223b,#10172a)}.health-orbit{width:160px;height:160px;border:9px solid #323552;border-top-color:#6ee7d2;border-right-color:#a993ff;border-bottom-color:#709efa;border-radius:50%;margin:12px auto 18px;display:grid;place-items:center;box-shadow:0 0 35px #9892ff15,inset 0 0 30px #9892ff10}.big-status{font-size:44px;line-height:1;color:#f5f7ff}.big-status small{font-size:20px;color:#98a8ca}.health-card h3{margin-bottom:6px}.badge{background:#f7bb2520;color:#ffd278;border-color:#d39c3a66;border-radius:20px;padding:6px 12px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:18px 0}.section-heading h2{margin:0}.section-heading .eyebrow{margin:0 0 4px}.device-card{border-left:3px solid var(--accent);background:radial-gradient(ellipse at 100% 0%,var(--glow),transparent 65%),linear-gradient(145deg,#1a223b,#10172a)}.device-card .device-icon{background:var(--glow);color:var(--accent);border:1px solid var(--accent);width:48px;height:48px}.device-card .status{color:var(--accent)}.device-card .ghost{color:var(--accent);border-color:var(--accent);width:100%;background:var(--glow)}.device-card .muted{font-size:10px;letter-spacing:1px}.device-row{border-color:#38405a;font-size:13px}.device-row strong{font-variant-numeric:tabular-nums}.devices{grid-template-columns:repeat(3,1fr)}button{transition:filter .2s,background .2s}input:focus,select:focus{outline:2px solid #61e7df;outline-offset:2px}.login{background:radial-gradient(ellipse at 80% 55%,#203b6255,transparent 55%),radial-gradient(ellipse at 20% 20%,#39215355,transparent 70%),#080c1b}.orb{border-color:#9c8dff;box-shadow:0 0 130px #7454df44,inset 0 0 90px #36cbd622}.login-card button{background:linear-gradient(110deg,#5eead4,#87b9ff);box-shadow:0 8px 30px #57c9d329}footer{letter-spacing:.5px}.table-wrap{border-radius:12px}th{background:#0c1324}tbody tr:hover{background:#ffffff04}@media(min-width:1600px){.gauge-wrap{max-width:240px}.gauge-readout strong{font-size:41px}}@media(max-width:1100px){.two{grid-template-columns:1fr}.devices{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){aside{width:100%;position:relative}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{padding:12px 10px}.metric-label{font-size:12px}.metric-symbol{width:26px;height:26px;font-size:17px}.gauge-readout strong{font-size:26px}.gauge-readout span{font-size:10px}.metric-foot{font-size:7px;letter-spacing:0}.devices{grid-template-columns:1fr}.section-heading .status{display:none}header h1{font-size:27px}.toolbar{gap:10px}.health-orbit{width:135px;height:135px}.header-right{font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* NK EVShop · precision console */
:root{--bg:#02070a;--panel:#050d11;--line:#1b303b;--muted:#a6becb;--cyan:#00e63d}body{background:#02070a;color:#f5f8ff;font-family:Arial,Tahoma,system-ui,sans-serif;font-size:14px;text-shadow:none}.theme-vcu{--accent:#00a6ff;--glow:transparent}.theme-bms{--accent:#00e62e;--glow:transparent}.theme-inverter{--accent:#c800ff;--glow:transparent}.theme-mppt{--accent:#ffd000;--glow:transparent}.theme-home{--accent:#00d6e9;--glow:transparent}aside{width:190px;background:#040c11;border-right:1px solid #243740;padding:18px 12px}.brand{font-style:italic;color:#168aff;font-size:40px;letter-spacing:-3px}.brand span{color:#168aff}.brand small{display:block;color:#fff;font-size:15px;letter-spacing:1px;margin:0}.eyebrow{font-size:10px;letter-spacing:1.4px;color:#91b0c5}aside .eyebrow{margin-top:28px}nav button{border-radius:4px;margin:0;padding:14px 10px;font-size:13px;font-weight:600;color:#e1edf5;border-bottom:1px solid #172932}nav button.active{background:#0767ce;color:#fff;border:1px solid #1394ff;box-shadow:0 0 8px #0077cc33}.aside-bottom{left:12px;right:12px}.aside-bottom p{font-size:11px}main{margin-left:190px;padding:18px 18px}header{border-bottom:1px solid #21363c;padding:0 0 12px}header h1{font-size:26px;color:#fff;letter-spacing:0}header .eyebrow{margin-bottom:5px;color:#00aaff}.toolbar{background:#030b0f;border:1px solid #00b818;border-radius:4px;margin:10px 0;padding:9px 12px;backdrop-filter:none;box-shadow:none}.toolbar select{padding:7px;margin:0;border-radius:3px}.grid{gap:8px}.card{background:#050d11;border:1px solid #1a303b;border-radius:5px;padding:16px;box-shadow:none;margin-bottom:9px;overflow:hidden}.metric-card{background:#050d11;border-top:1px solid #1a303b;padding:12px 12px 6px}.metric-head{justify-content:center;gap:10px}.metric-label{font-size:12px;color:#fff;text-transform:uppercase;font-weight:600}.metric-symbol{background:none;border:0;color:var(--accent);width:auto;height:auto;font-size:20px}.gauge-wrap{max-width:260px;margin:0 auto}.gauge{overflow:visible}.gauge-track{stroke:#1a2b32;stroke-width:2;stroke-linecap:butt}.dial-rim{fill:none;stroke:var(--accent);stroke-width:2.5}.dial-danger{fill:none;stroke:#ff163e;stroke-width:3}.gauge-fill{stroke:var(--accent);stroke-width:1;stroke-linecap:butt;filter:none;opacity:.45;transition:stroke-dasharray .6s linear}.dial-tick{stroke:#59727f;stroke-width:.7}.dial-tick.major{stroke:#d7f0fc;stroke-width:1}.dial-number{fill:#fff;font:8px Arial,sans-serif}.dial-needle{fill:#f4fbff}.dial-hub{fill:#fff;stroke:#607b8b;stroke-width:1}[data-needle]{transition:transform .6s linear}.gauge-readout{inset:62% 0 auto}.gauge-readout strong{font-size:29px;letter-spacing:0;color:#fff;line-height:1.1}.gauge-readout span{color:var(--accent);font-size:11px;margin-top:3px}.metric-foot{border-top:1px solid #162a32;padding-top:5px;font-size:8px;letter-spacing:.4px}.spark{height:28px}.spark polyline,.wide-chart polyline{stroke-width:1.5;filter:none}.wide-chart{filter:none;height:180px}.two{gap:8px;grid-template-columns:1.8fr 1fr}.trend-card,.health-card,.device-card{background:#050d11}.trend-card .device-top{margin-bottom:5px}.trend-card h3{font-size:16px}.health-orbit{border-radius:0;border:0;box-shadow:none;width:auto;height:100px;margin:8px auto;position:relative}.health-orbit:after{content:'●  ●  ●  ●  ●';display:block;color:#00e62e;letter-spacing:12px;position:absolute;bottom:0}.big-status{font-size:45px;color:#00e62e}.big-status small{color:#fff;font-size:20px}.health-card h3{font-size:14px}.health-card .eyebrow{color:#fff}.badge{border-radius:3px;background:#261b00;border:1px solid #856000;color:#ffd000;font-size:9px;padding:5px 8px}.section-heading{margin:13px 0 8px}.section-heading h2{font-size:21px}.section-heading .eyebrow{font-size:9px}.devices{gap:8px}.device-card{border-left:2px solid var(--accent)}.device-card .device-top{margin-bottom:10px}.device-card .device-icon{background:none;border:0;border-radius:0;font-size:28px;width:32px;height:32px}.device-card h3{font-size:16px}.device-card .muted{font-size:9px}.device-row{border-color:#17303b;padding:7px 0;font-size:12px}.device-card .ghost{background:#061015;border:1px solid #27414e;border-radius:3px;color:var(--accent);padding:8px}.status{color:#00e62e;font-size:11px}.ghost,button,input,select{border-radius:4px}button{background:#0879de;color:#fff;box-shadow:none}input,select{background:#030b0f;border:1px solid #2c4655}th{background:#02080c;color:#c8e2f0}th,td{padding:10px}h2,h3{letter-spacing:0}footer{margin-top:16px;font-size:9px;border-top:1px solid #18303a;padding-top:10px}.login{background:#030b10}.login-card button{background:#086ed3;box-shadow:none}.orb{border-color:#008fff;box-shadow:none}.orb:after{border-color:#17435c}.login-card h1{font-size:48px}.notice{border-radius:3px;background:#06190b}.table-wrap{border-radius:0}@media(min-width:1600px){.gauge-wrap{max-width:270px}.gauge-readout strong{font-size:33px}}@media(max-width:1100px){.two{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){aside{position:relative;width:100%;padding:12px}.brand{font-size:30px}.brand small{display:inline;margin-left:12px}main{margin-left:0;padding:12px}nav button{white-space:nowrap}.grid{gap:6px}.metric-card{padding:8px 6px 4px}.metric-label{font-size:10px}.gauge-readout strong{font-size:24px}.gauge-readout span{font-size:9px}.metric-foot{font-size:7px}.toolbar{padding:8px}.devices{grid-template-columns:1fr}.health-orbit{height:90px}}
.battery-pack.selected{border-color:#00e62e}.battery-pack .ghost{width:100%;margin-top:10px}.battery-pack .metric-head{justify-content:space-between}.battery-trend{--accent:#00e62e;border-top:1px solid #1b303b;padding:8px 0}.battery-trend .wide-chart{height:75px}.battery-trend span{font-size:12px;color:var(--accent)}.battery-color-1{--accent:#00a6ff}.battery-color-2{--accent:#ffd000}.battery-color-3{--accent:#cc43ff}.battery-trend svg{--accent:inherit}.battery-packs .gauge-wrap{max-width:210px}
.bms-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:#1b303b;border:1px solid #1b303b;margin:12px 0}.bms-status-item{background:#050d11;padding:12px;display:flex;flex-direction:column;gap:7px}.bms-status-item>span{font-size:11px;color:#a6becb}.bms-status-item strong{color:#00ef56;font-size:15px;font-variant-numeric:tabular-nums}.cell-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin:12px 0}.cell-tile{border:1px solid #26404b;border-radius:3px;background:#061016;padding:12px;color:#a6becb}.cell-tile>div{font-size:11px;letter-spacing:1px}.cell-tile strong{display:block;font-size:21px;color:#fff;margin:12px 0;font-variant-numeric:tabular-nums}.cell-tile small{font-size:11px}.cell-tile svg{display:block;width:100%;height:6px}.cell-bar-track{fill:#20313c}.cell-bar{fill:#00d84b;transition:width .6s linear}.cell-balance{display:block;font-size:8px;letter-spacing:.5px;margin-top:8px}.cell-min strong{color:#00bfff}.cell-max strong{color:#ffb820}.cell-balancing{border-color:#00ee55;background:#082015}.cell-balancing .cell-balance{color:#00ee55}.cell-legend{display:flex;gap:18px;font-size:11px;color:#a6becb}.cell-legend span:first-child{color:#00bfff}.cell-legend span:nth-child(2){color:#ffb820}.cell-legend span:last-child{color:#00ef56}.protection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#1b303b;border:1px solid #1b303b}.bms-trip{color:#ff1744!important}.bms-alert{border:1px solid #24683b;margin:12px 0}.bms-details .muted{font-size:11px}@media(max-width:1200px){.cell-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bms-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.cell-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bms-summary,.protection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cell-legend{flex-wrap:wrap;gap:8px}.bms-details .device-top{align-items:flex-start;gap:10px}.bms-details .badge{white-space:nowrap}.bms-status-item{padding:9px}.bms-status-item strong{font-size:13px}}
.cell-tile .cell-battery-shape{display:block;width:70px;height:105px;margin:8px auto;overflow:visible}.cell-terminal{fill:#99b4c2}.cell-casing{fill:#08151c;stroke:#9dbac8;stroke-width:1.5}.cell-segments{fill:none;stroke:#07151c;stroke-width:3}.cell-battery-shape .cell-bar{fill:#00e54e;transition:height .6s,y .6s}.cell-min .cell-bar{fill:#00bfff}.cell-max .cell-bar{fill:#ffb820}.cell-balancing .cell-casing{stroke:#00ff68;stroke-width:2}.cell-tile{text-align:center}.home-tools,.home-add{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0}.home-tools label,.home-add label{min-width:160px}.home-tools input,.home-tools select,.home-add input,.home-add select{margin:4px 0;padding:8px}.home-tools input[type=file]{max-width:260px;font-size:11px}.home-tools button,.home-add button{font-size:12px}.home-tools>span{font-size:11px;color:#00e654}.home-stage{position:relative;width:100%;aspect-ratio:16/9;background:#07131f;border:1px solid #294756;overflow:hidden;isolation:isolate}.home-stage.editing{outline:1px dashed #00c9ff;outline-offset:3px}.home-stage>img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;user-select:none}.home-pin{position:absolute;transform:translate(-50%,-50%);background:#071119e8;border:1px solid var(--accent);padding:5px 8px;color:#fff;display:flex;gap:6px;align-items:center;max-width:180px;box-shadow:0 2px 8px #0008;z-index:2;touch-action:none}.home-pin>span{color:var(--accent);font-size:23px;line-height:1}.home-pin strong{font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-pin:focus{outline:2px solid #fff;z-index:3}.editing .home-pin{cursor:move}.home-placement-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.home-placement-list>div{display:flex;align-items:center;gap:8px;background:#0b1720;border:1px solid #23404d;padding:6px 9px;font-size:12px}.home-placement-list button{padding:4px 7px;font-size:11px}@media(max-width:720px){.home-pin{padding:4px;gap:3px;max-width:115px}.home-pin strong{font-size:8px}.home-pin>span{font-size:17px}.home-stage{aspect-ratio:4/3}.home-tools,.home-add{gap:8px}.home-tools label{width:100%}}
@media(max-width:720px){.home-stage{aspect-ratio:16/9}}
.house-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.house-choice{padding:0;background:#061018;border:1px solid #29424f;overflow:hidden;text-align:left;color:#d7e7f1}.house-choice img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.house-choice span{display:block;padding:10px;font-size:12px}.house-choice.selected{border:2px solid #00e954}.house-choice.selected span{color:#00f16b}.house-choice:hover{border-color:#14b9ff;filter:none}.home-stage{background:#101d29}.home-pin{background:#06121ee8;backdrop-filter:blur(6px);border-radius:6px;padding:8px 10px}.home-pin strong{font-size:12px}@media(max-width:720px){.house-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.house-choice span{font-size:10px;padding:7px}.home-pin{padding:4px 6px}.home-pin strong{font-size:8px}}
/* 3D connected energy login */
.login{position:relative;isolation:isolate;min-height:100svh;padding:45px 5vw;background:#020917;display:flex;align-items:center;overflow:hidden}.login-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;pointer-events:none}.login:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#020917f5 0%,#020917e8 24%,#02091770 42%,transparent 62%);z-index:-1;pointer-events:none}.login-card{width:390px;max-width:100%;position:relative;padding:28px 26px;background:#04101cdd;border:1px solid #294453;border-top:2px solid #118eff;box-shadow:0 15px 60px #0004;border-radius:6px}.login-card .brand{font-size:40px;line-height:1.15}.login-card .eyebrow{font-size:9px;letter-spacing:1.7px;margin:8px 0 0;color:#8bb3cd}.login-card h1{font-size:43px;line-height:1.25;margin:25px 0 15px;letter-spacing:0}.login-card>.muted{font-size:12px;margin-bottom:15px}.login-device-tags{display:flex;gap:6px;flex-wrap:wrap}.login-device-tags span{font-size:8px;color:#8fdcff;border:1px solid #24506b;background:#0a2034;padding:4px 7px;letter-spacing:.6px}.login-card form{margin:22px 0 10px}.login-card label{font-size:12px;color:#c3d8e5}.login-card input{margin:7px 0 16px;padding:12px;background:#05101ee8;border:1px solid #325166;color:#fff}.login-card button{background:#0879dc;border:1px solid #1cafff;padding:12px;box-shadow:none;color:#fff}.login-card button:hover{background:#118cec}.login-card>small{font-size:9px;display:block;line-height:1.7;color:#9cb1c0}.login-art-caption{position:absolute;bottom:35px;right:4vw;text-align:right;pointer-events:none}.login-art-caption span{display:block;color:#7bcefa;font-size:10px;letter-spacing:3px}.login-art-caption strong{display:block;font-size:11px;color:#c7e5f5;letter-spacing:1.8px;margin-top:6px;text-shadow:0 1px 3px #000}.login #loginError{font-size:12px;line-height:1.6;margin:12px 0}@media(min-width:1800px){.login-card{width:410px;padding:34px 30px}.login-card h1{font-size:48px}}@media(max-width:1100px){.login-art{object-position:60% center}.login:before{background:linear-gradient(90deg,#020917f5,#020917c0 35%,#02091715 85%)}.login-art-caption{max-width:40%}}@media(max-width:720px){.login{display:flex;flex-direction:column;justify-content:flex-start;padding:0 18px 24px;overflow:visible;background:#020917;gap:0}.login:before{display:none}.login-art{position:relative;inset:auto;order:-1;z-index:0;width:calc(100% + 36px);max-width:none;height:230px;object-fit:cover;object-position:right center;margin:0 -18px -18px;mask-image:linear-gradient(#000 80%,transparent)}.login-card{z-index:1;width:430px;padding:24px 22px;background:#04101cf5}.login-card h1{font-size:35px;margin:18px 0 12px}.login-card form{margin:18px 0 10px}.login-art-caption{display:none}.login-card .brand{font-size:34px}}@media(max-height:760px) and (min-width:721px){.login{padding-top:20px;padding-bottom:20px}.login-card{padding:20px 24px}.login-card h1{font-size:34px;margin:14px 0 10px}.login-card form{margin:15px 0 8px}.login-card input{padding:9px;margin-bottom:12px}.login-art-caption{bottom:20px}}