:root{--bg:#070710;--panel:#11111d;--fg:#f4f4ff;--muted:#a6a6bd;--accent:#00dcff;--border:rgba(255,255,255,.14)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#17172a,#050508 62%);color:var(--fg);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif}.app-header,.app-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;background:rgba(0,0,0,.36);border-bottom:1px solid var(--border)}.app-footer{border-top:1px solid var(--border);border-bottom:0;margin-top:1rem}.brand{display:flex;align-items:center;gap:1rem}.brand h1{margin:0;font-size:1.35rem}.brand p{margin:.15rem 0 0;color:var(--muted)}.version{color:var(--muted);font-weight:700}.app-footer nav{display:flex;gap:1rem}.app-footer a{color:#fff}.layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:1rem;padding:1rem}.stage-card,.panel-box,.content-page{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid var(--border);border-radius:22px;box-shadow:0 24px 80px rgba(0,0,0,.28);overflow:hidden}.stage-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid var(--border)}.stage-toolbar strong{display:block}.stage-toolbar span{color:var(--muted);font-size:.9rem}.toolbar-buttons{display:flex;gap:.45rem;flex-wrap:wrap}button{border:1px solid var(--border);background:#18182a;color:#fff;border-radius:12px;padding:.58rem .75rem;font-weight:800;cursor:pointer}button:hover{border-color:rgba(255,255,255,.35)}button:disabled{opacity:.45;cursor:not-allowed}.primary-action{background:linear-gradient(135deg,#00dcff,#8b5cf6);color:#020208}.universe-stage{position:relative;aspect-ratio:16/9;background:#010106;overflow:hidden;cursor:crosshair;contain:layout paint style}#universeCanvas{position:absolute;inset:0;width:100%;height:100%;display:block}.start-overlay{position:absolute;z-index:10;inset:0;display:grid;place-content:center;text-align:center;background:rgba(0,0,0,.42)}.start-overlay strong{font-size:clamp(32px,5vw,76px);font-weight:950;color:#eafcff;text-shadow:0 0 24px rgba(0,220,255,.38)}.start-overlay span{margin-top:.7rem;color:rgba(255,255,255,.78);font-weight:800}.running .start-overlay{display:none}.control-panel{display:flex;flex-direction:column;gap:1rem}.panel-box{padding:1rem}.panel-box h2{margin:0 0 .8rem;font-size:1.02rem}label{display:block;margin:.7rem 0;color:rgba(255,255,255,.86)}select{width:100%;margin-top:.3rem;background:#151522;color:#fff;border:1px solid var(--border);border-radius:12px;padding:.55rem}input[type=range]{width:100%;accent-color:var(--accent)}output{float:right;color:var(--muted);font-variant-numeric:tabular-nums}.switch-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.switch{display:flex;gap:.45rem;align-items:center;border:1px solid var(--border);border-radius:12px;padding:.55rem;background:rgba(0,0,0,.16);margin:0}.switch input{accent-color:var(--accent)}.hint{color:var(--muted);line-height:1.45}.content-page{max-width:980px;margin:1rem auto;padding:1.25rem;line-height:1.6}@media(max-width:980px){.layout{grid-template-columns:1fr}.stage-toolbar{align-items:flex-start;flex-direction:column}.app-header,.app-footer{flex-direction:column;align-items:flex-start}.control-panel{order:2}}