:root{--bg:#05050a;--panel:#100f14eb;--ink:#ece7dc;--muted:#9a9486;--line:#e8dcbe33;--brass:#c9a36a;--danger:#e07a5f;--sans:"Outfit", sans-serif;--serif:"Cormorant Garamond", serif;--mono:"IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--ink);font-family:var(--sans);margin:0;overflow:hidden}button,input{font:inherit;color:inherit}.app{height:100%;position:relative}.app canvas{display:block}.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:2;flex-direction:column;width:min(360px,100vw - 36px);max-height:calc(100vh - 118px);display:flex;position:absolute;top:18px;left:18px}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:18px 18px 10px;display:flex}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--brass);margin:0;font-size:10px}.panel-head h1{font-family:var(--serif);letter-spacing:-.03em;margin:2px 0 0;font-size:34px;font-weight:500;line-height:.95}.tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.tabs button,.ghost,.panel button,.playback button,.file-btn,.panel-toggle{cursor:pointer;background:0 0;border:1px solid #0000}.tabs button{text-transform:capitalize;color:var(--muted);letter-spacing:.03em;padding:10px 0;font-size:11px}.tabs button.active{color:var(--ink);box-shadow:inset 0 -1px 0 var(--brass)}.panel-body{padding:16px 18px 22px;overflow:auto}.stack{flex-direction:column;gap:12px;display:flex}.lede,.cite,.meta,.keys,.metric-hint,.metric-label{color:var(--muted);margin:0}.lede{font-size:13.5px;line-height:1.45}.cite,.meta,.keys,.metric-hint{font-size:11px;line-height:1.45}.panel h2{letter-spacing:.14em;text-transform:uppercase;color:var(--brass);margin:8px 0 0;font-size:11px;font-weight:500}.preset-grid{flex-wrap:wrap;gap:6px;display:flex}.preset,.row-actions button,.file-btn,.playback button,.panel-toggle,.ghost{border:1px solid var(--line);padding:7px 10px;font-size:12px}.preset.active,.play{border-color:var(--brass);color:#1a140c;background:var(--brass)}.row-actions{flex-wrap:wrap;gap:6px;display:flex}.body-card{border:1px solid var(--line);border-left:3px solid;flex-direction:column;gap:8px;padding:10px;display:flex}.body-card header{justify-content:space-between;gap:8px;display:flex}.name-input{border:none;border-bottom:1px solid var(--line);background:0 0;flex:1;padding:2px 0}.triple{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.num-field{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-direction:column;gap:3px;font-size:10px;display:flex}.num-field input{border:1px solid var(--line);font-family:var(--mono);color:var(--ink);text-transform:none;letter-spacing:0;background:#0b0b10;padding:6px 7px;font-size:12px}.check,.slider{align-items:center;gap:8px;font-size:13px;display:flex}.slider{flex-direction:column;align-items:stretch;gap:4px}.slider.grow{flex:1}.slider input,.check input{accent-color:var(--brass)}.scene-guide,.pause-banner{z-index:2;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:center;gap:12px;max-width:min(560px,100vw - 400px);padding:10px 12px;display:flex;position:absolute;bottom:86px;left:50%;transform:translate(-50%)}.pause-banner{border-color:var(--brass);max-width:min(520px,100vw - 420px);left:18px;transform:none}.scene-guide p,.pause-banner p{color:var(--ink);margin:0;font-size:13px;line-height:1.4}.run-state{letter-spacing:.1em;text-transform:uppercase;min-width:64px;color:var(--muted);font-size:11px;font-weight:500}.run-state.on{color:var(--brass)}.hole-cta{justify-content:center;width:100%}.view-bar{z-index:2;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);gap:6px;padding:6px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.graph-panel{z-index:2;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:min(360px,100vw - 36px);padding:10px 10px 8px;position:absolute;bottom:86px;right:18px}.graph-panel header{justify-content:space-between;align-items:center;display:flex}.graph-panel h2{letter-spacing:.14em;text-transform:uppercase;color:var(--brass);margin:0;font-size:11px;font-weight:500}.graph-tabs{flex-wrap:wrap;gap:4px;margin:8px 0 6px;display:flex}.plane-tabs{margin:0 0 6px}.graph-tabs button{border:1px solid var(--line);cursor:pointer;background:0 0;padding:4px 7px;font-size:11px}.graph-tabs button.active{border-color:var(--brass);color:#1a140c;background:var(--brass)}.chart{width:100%;height:200px;display:block}.chart-title,.axis-label{fill:var(--muted);text-anchor:middle;font-size:10px}.axis{stroke:#e8dcbe40;stroke-width:1px}.chart-legend{font-size:11px;font-family:var(--mono);flex-wrap:wrap;gap:10px;margin:0;display:flex}.graph-toggle{z-index:2;background:var(--panel);border:1px solid var(--line);cursor:pointer;padding:7px 10px;position:absolute;bottom:86px;right:18px}.solar-clock{min-width:92px;font-family:var(--mono);color:var(--brass);flex-direction:column;gap:2px;font-size:11px;display:flex}.solar-speeds{flex:none}.solar-speeds .preset{padding:5px 8px;font-size:11px}.playback{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:2;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex;position:absolute;bottom:16px;left:18px;right:18px}.hud{z-index:2;grid-template-columns:1fr 1fr;gap:8px;width:min(320px,100vw - 36px);display:grid;position:absolute;top:18px;right:18px}.metric{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:8px 10px}.metric.warn{border-color:var(--danger)}.metric-label{font-family:var(--mono);font-size:10px;display:block}.metric strong{font-family:var(--mono);margin:3px 0 2px;font-size:13px;font-weight:500;display:block}.body-label{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#f3eee2;white-space:nowrap;text-shadow:0 0 10px #000;font-size:11px}.hole-card{border-left-color:#f2c14e}.hole-stats{grid-template-columns:1fr 1fr;gap:8px 10px;margin:4px 0 0;display:grid}.hole-stats dt{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:10px}.hole-stats dd{font-family:var(--mono);margin:2px 0 0;font-size:12px}.influence{border:1px solid var(--line);padding:8px 10px}.influence header{text-transform:capitalize;justify-content:space-between;gap:8px;font-size:12px;display:flex}.influence p{margin:6px 0 0;font-size:12px;line-height:1.4}.zone-horizon,.zone-captured,.zone-roche,.zone-ejected{border-color:var(--danger)}.zone-captured-hole,.zone-scattering{border-color:#f2c14e}.zone-secular{border-color:#4ea2ff}.zone-photon,.zone-isco{border-color:#f2c14e}.panel-toggle{z-index:2;background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:absolute;top:18px;left:18px}@media (width<=860px){.hud,.scene-guide{display:none}.pause-banner{max-width:none;inset:100px 18px auto}.view-bar{top:56px}.graph-panel{width:calc(100vw - 36px)}.panel{max-height:calc(100vh - 150px)}.keys{display:none}}