:root{--bg:#06070d;--panel-bg:#0e101ad1;--panel-border:#7882b429;--text:#d6d9e6;--text-dim:#8a90a8;--accent:#7aa2ff;--accent-soft:#7aa2ff29;--radius:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);margin:0;overflow:hidden}.app{width:100%;height:100%;position:relative}.canvas-wrap{position:absolute;inset:0}.canvas-wrap canvas{width:100%;height:100%;display:block}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);position:absolute;box-shadow:0 8px 32px #00000073}button{font:inherit;color:var(--text);border:1px solid var(--panel-border);cursor:pointer;background:0 0;border-radius:8px;padding:5px 10px;transition:background .15s,border-color .15s}button:hover{background:var(--accent-soft);border-color:var(--accent)}button.active,button.primary{background:var(--accent-soft);border-color:var(--accent);color:#fff}select,input[type=number]{font:inherit;color:var(--text);border:1px solid var(--panel-border);background:#1e2234e6;border-radius:8px;padding:5px 8px}.muted{color:var(--text-dim);font-size:12px}.dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-right:8px;display:inline-block}.body-list{width:190px;max-height:calc(100% - 180px);padding:12px;top:16px;left:16px;overflow-y:auto}.body-list.collapsed{width:auto}.body-list header{justify-content:space-between;align-items:center;gap:8px;display:flex}.body-list h1{letter-spacing:.06em;text-transform:uppercase;color:#fff;margin:0;font-size:15px;font-weight:600}.body-list.collapsed h1{display:none}.body-list ul{flex-direction:column;gap:3px;margin:10px 0 0;padding:0;list-style:none;display:flex}.body-list li button{text-align:left;border-color:#0000;align-items:center;width:100%;padding:6px 8px;display:flex}.body-list li button.hovered{border-color:var(--panel-border)}.settings-panel{width:230px;max-height:calc(100% - 180px);padding:12px;top:16px;right:16px;overflow-y:auto}.settings-panel.collapsed{width:auto}.settings-panel header{justify-content:space-between;align-items:center;display:flex}.settings-panel h2{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin:0;font-size:13px}.settings-panel.collapsed h2{display:none}.setting-group{flex-direction:column;gap:7px;margin-top:14px;display:flex}.group-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-size:11px}.segmented{gap:0;display:flex}.segmented button{border-radius:0;flex:1}.segmented button:first-child{border-radius:8px 0 0 8px}.segmented button:last-child{border-radius:0 8px 8px 0}.toggle{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.toggle input{accent-color:var(--accent)}.aspect-list{flex-direction:column;gap:5px;margin:0;padding:0;font-size:12.5px;list-style:none;display:flex}.aspect-list li{flex-wrap:wrap;align-items:center;display:flex}.backend-badge{text-align:center;letter-spacing:.05em;border-radius:6px;margin-top:14px;padding:3px 8px;font-size:11px}.backend-badge.webgpu{color:#6de0a6;background:#3cc88226}.backend-badge.webgl{color:#e6c96a;background:#e6b43c26}.info-panel{width:300px;max-height:min(520px,100% - 320px);padding:14px;bottom:150px;right:16px;overflow-y:auto}.info-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.info-header h2{color:#fff;margin:0;font-size:19px}.info-header button{border-color:#0000;padding:3px 8px}.info-panel section{margin-top:12px}.info-panel h3{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:0 0 6px;font-size:11px}.info-row{justify-content:space-between;gap:12px;padding:3px 0;font-size:13px;display:flex}.info-label{color:var(--text-dim);flex-shrink:0}.info-value{text-align:right}.time-controls{width:min(780px,100% - 32px);padding:12px 18px;bottom:16px;left:50%;transform:translate(-50%)}.time-readout{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;margin-bottom:8px;display:flex}.date-main{color:#fff;font-variant-numeric:tabular-nums;font-size:17px;font-weight:600}.date-secondary{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:12px}.scrubber{width:100%;accent-color:var(--accent)}.scrubber-labels{color:var(--text-dim);justify-content:space-between;margin-top:2px;font-size:10.5px;display:flex}.transport{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex;position:relative}.transport .play{min-width:44px;font-size:15px}.popover{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:12px;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 8px 32px #00000080}.date-picker-row{gap:6px;margin-bottom:8px;display:flex}.date-picker-row:last-child{margin-bottom:0}.date-picker input[type=number]{width:70px}.stats-overlay{font-variant-numeric:tabular-nums;background:var(--panel-bg);border:1px solid var(--panel-border);color:var(--text-dim);border-radius:8px;padding:4px 12px;font-size:12px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.loading-screen{background:var(--bg);z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading-inner{text-align:center;width:min(360px,80%)}.loading-inner h1{letter-spacing:.18em;text-transform:uppercase;color:#fff;font-size:22px;font-weight:600}.progress-track{background:#7882b433;border-radius:2px;height:4px;margin-top:18px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .3s}@media (width<=1000px){.info-panel{max-height:calc(100% - 220px);top:16px;bottom:auto;right:16px}.settings-panel{top:auto;bottom:190px;right:16px}}