:root{--bg: rgba(10, 18, 30, .72);--bg-solid: #0d1624;--accent: #ffc93c;--accent2: #4dd0a6;--grid: #ff6b6b;--text: #eef4ff;--muted: #9db1c9;--panel-border: rgba(255, 255, 255, .14)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;font-family:Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif;color:var(--text);background:#05080e}#scene-canvas{width:100%;height:100%;display:block;touch-action:none}#topbar{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:10px 16px;background:linear-gradient(180deg,#050a12d9,#050a1200);pointer-events:none;z-index:10}#topbar .brand{pointer-events:auto;display:flex;align-items:center;gap:10px}#topbar .logo{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#ffb300,#ff7847);display:flex;align-items:center;justify-content:center;font-weight:800;color:#231300;font-size:18px}#topbar h1{font-size:18px;margin:0;letter-spacing:.4px}#topbar h1 small{display:block;font-size:11px;color:var(--muted);font-weight:400}#topbar .spacer{flex:1}#topbar .xr-btns{pointer-events:auto;display:flex;gap:8px;align-items:center}#xr-status{font-size:11px;color:var(--muted);background:var(--bg);border:1px solid var(--panel-border);border-radius:20px;padding:6px 12px}button{font-family:inherit;cursor:pointer;background:#ffffff14;color:var(--text);border:1px solid var(--panel-border);border-radius:10px;padding:9px 14px;font-size:13px;font-weight:600;transition:background .15s,transform .05s}button:hover{background:#ffffff29}button:active{transform:scale(.97)}button.primary{background:var(--accent);border-color:var(--accent);color:#231300}button.primary:hover{background:#ffd45e}button:disabled{opacity:.45;cursor:not-allowed}.panel{position:fixed;top:64px;z-index:10;width:288px;max-height:calc(100vh - 150px);overflow-y:auto;background:var(--bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--panel-border);border-radius:16px;padding:14px 16px 16px;box-shadow:0 12px 40px #00000073}#panel-controls{left:12px}#panel-stats{right:12px}.panel h2{font-size:13px;text-transform:uppercase;letter-spacing:1.2px;color:var(--accent);margin:4px 0 10px}.panel h2.green{color:var(--accent2)}.ctrl{margin-bottom:13px}.ctrl label{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted);margin-bottom:6px}.ctrl label b{color:var(--text);font-size:13px}input[type=range]{width:100%;accent-color:var(--accent);height:22px}.seg{display:flex;gap:6px;flex-wrap:wrap}.seg button{flex:1 1 40%;padding:8px 6px;font-size:12px}.seg button.active{background:var(--accent);color:#231300;border-color:var(--accent)}.row{display:flex;gap:8px}.row button{flex:1 1 0;min-width:0;padding:8px 4px;font-size:12px}.stat-live{background:#ffc93c1a;border:1px solid rgba(255,201,60,.4);border-radius:12px;padding:10px 12px;margin-bottom:12px;text-align:center}.stat-live .kw{font-size:30px;font-weight:800;color:var(--accent)}.stat-live .sub{font-size:11.5px;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.stat{background:#ffffff0d;border:1px solid var(--panel-border);border-radius:10px;padding:8px 10px}.stat .v{font-size:16px;font-weight:700}.stat .k{font-size:10.5px;color:var(--muted)}.billbar{height:14px;border-radius:8px;overflow:hidden;display:flex;margin:6px 0 4px;background:#ffffff14}.billbar .solar-fill{background:linear-gradient(90deg,#ffb300,#ffe27a)}.billbar .grid-fill{background:var(--grid)}.legend{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:10px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:4px}.dot.solar{background:var(--accent)}.dot.grid{background:var(--grid)}.note{font-size:11px;color:var(--muted);line-height:1.5}.note b{color:var(--text)}#bottombar{position:fixed;bottom:10px;left:50%;transform:translate(-50%);z-index:10;background:var(--bg);border:1px solid var(--panel-border);border-radius:24px;padding:7px 18px;font-size:12px;color:var(--muted);white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#bottombar b{color:var(--text)}#loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(circle at 50% 35%,#12233d,#05080e 70%);transition:opacity .5s}#loader.hidden{opacity:0;pointer-events:none}#loader .sun{width:54px;height:54px;border-radius:50%;background:radial-gradient(circle,#ffe27a,#ff9d2e);box-shadow:0 0 60px 18px #ffb43c73;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.12)}}#loader p{color:var(--muted);font-size:13px;margin:0}#load-bar{width:220px;height:6px;border-radius:4px;background:#ffffff1a;overflow:hidden}#load-fill{height:100%;width:0%;background:var(--accent);border-radius:4px;transition:width .2s}@media(max-width:900px){.panel{width:240px;top:auto;bottom:46px;max-height:44vh}#panel-controls{left:8px}#panel-stats{right:8px}#bottombar{display:none}}