:root{--bg: #121214;--menu-scale: .75;--panel-bg: rgba(20, 21, 25, .58);--panel-stroke: rgba(255, 255, 255, .22);--panel-shadow: rgba(0, 0, 0, .52);--text-primary: rgba(245, 246, 249, .94);--text-secondary: rgba(206, 209, 217, .85);--text-muted: rgba(167, 171, 180, .72);--button-bg: rgba(255, 255, 255, .1);--button-bg-hover: rgba(255, 255, 255, .18);--button-bg-active: rgba(186, 206, 255, .28);--button-stroke: rgba(255, 255, 255, .26);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background:radial-gradient(circle at 20% 10%,#171921 0%,var(--bg) 56%);font-family:SF Pro Text,Avenir Next,Helvetica Neue,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app-canvas{position:fixed;inset:0;display:block;width:100%;height:100%}#ui-panel{position:absolute;top:18px;left:18px;width:min(300px,calc(100vw - 36px));max-height:calc((100vh - 36px) / var(--menu-scale));padding:14px;transform:scale(var(--menu-scale));transform-origin:top left;border-radius:18px;border:1px solid var(--panel-stroke);background:linear-gradient(145deg,rgba(255,255,255,.2),var(--panel-bg) 38%);box-shadow:0 20px 52px -20px var(--panel-shadow);-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%);animation:panel-entrance .38s cubic-bezier(.16,1,.3,1);user-select:none;-webkit-user-select:none;overflow:hidden;z-index:10;display:flex;flex-direction:column}#ui-handle{display:flex;align-items:center;justify-content:center;position:relative;height:20px;padding:0 4px 0 8px;margin-bottom:8px;border-radius:8px;background:#ffffff0f;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}#ui-handle:hover{background:#ffffff1a}.panel-drag-grip{font-size:.62rem;letter-spacing:.14em;line-height:1;color:#ffffff73;pointer-events:none}.collapse-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:0;background:#ffffff14;color:#ffffffdb;font-size:.66rem;font-weight:700;line-height:1;cursor:pointer}.collapse-button:hover{background:#ffffff24}.collapse-icon{display:inline-block;transition:transform .15s ease}#ui-panel.is-collapsed .collapse-icon{transform:rotate(-90deg)}#ui-handle-bottom{display:none}.ui-body{display:flex;flex-direction:column;gap:8px;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable both-edges;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(206,216,243,.48) rgba(255,255,255,.05)}.ui-body::-webkit-scrollbar{width:10px}.ui-body::-webkit-scrollbar-track{margin:6px 3px;border-radius:999px;background:#ffffff0d}.ui-body::-webkit-scrollbar-thumb{border:1px solid rgba(255,255,255,.22);border-radius:999px;background:linear-gradient(180deg,#d6e0ff94,#adbcf266)}#ui-panel.is-collapsed .ui-body{display:none}.panel-section{border:1px solid #ffffff;border-radius:12px;background:#ffffff0a;overflow:clip}.panel-section-header{width:100%;border:0;display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#ffffff0f;color:var(--text-primary);font-size:.8rem;font-weight:600;letter-spacing:.02em}.panel-section-content{padding:10px}.panel-controls-stack{display:flex;flex-direction:column;gap:8px}.control-hint{margin:0;padding:0;font-size:.74rem;letter-spacing:.01em;color:var(--text-muted)}.control-hint div+div{margin-top:2px}.control{display:flex;flex-direction:column;gap:6px;width:100%}.control.compact{gap:4px}.control-grid-2,.control-grid-3{display:grid;gap:8px}.control-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.control-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.control-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.control-row>span:first-child{font-size:.72rem;font-weight:600;color:var(--text-secondary);letter-spacing:.01em}[id$=-value]{min-width:8ch;width:8ch;padding:1px 4px;border:1px solid rgba(255,255,255,.16);border-radius:6px;background:#ffffff0f;text-align:right;font-size:.7rem;font-weight:560;color:var(--text-primary)}.pill-button{border:1px solid var(--button-stroke);border-radius:11px;min-height:32px;padding:8px 12px;font-size:.82rem;font-weight:510;color:var(--text-primary);background:var(--button-bg);cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .18s ease}.pill-button:hover:not(:disabled){background:var(--button-bg-hover)}.pill-button:active:not(:disabled){transform:translateY(1px)}.pill-button:disabled{color:var(--text-muted);border-color:#ffffff1a;background:#ffffff0d;cursor:not-allowed}.control-button-wide{width:100%}#start-sim.is-start-state{border-color:#66dc7ef2;box-shadow:inset 0 0 0 1px #66dc7e40}#start-sim.is-stop-state{border-color:#ee5e5ef2;box-shadow:inset 0 0 0 1px #ee5e5e40}#reset-sim{border-color:#f6da56f2;box-shadow:inset 0 0 0 1px #f6da5640}.number-input{width:100%;min-height:30px;padding:0 8px;border:1px solid var(--button-stroke);border-radius:10px;background:linear-gradient(145deg,#ffffff29,#ffffff14);color:var(--text-primary);font-size:.78rem;font-weight:510;outline:none}.number-input:focus{border-color:#cbd9ff8c;box-shadow:0 0 0 1px #cbd9ff2e}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:8px;border:1px solid var(--button-stroke);border-radius:999px;background:linear-gradient(90deg,#ffffff29,#ffffff17);cursor:pointer;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.52);background:#f0f4ffeb;box-shadow:0 0 0 2px #0000002e}input[type=range]::-moz-range-track{height:8px;border:1px solid var(--button-stroke);border-radius:999px;background:linear-gradient(90deg,#ffffff29,#ffffff17)}input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.52);background:#f0f4ffeb;box-shadow:0 0 0 2px #0000002e}.toggle-control{display:flex;align-items:center;justify-content:space-between;gap:10px}.toggle-control>span{font-size:.72rem;font-weight:600;color:var(--text-secondary);letter-spacing:.01em}.toggle-control input[type=checkbox]{position:relative;width:33px;height:19px;margin:0;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:0;background:#ffffff24;cursor:pointer;appearance:none;-webkit-appearance:none;transition:background-color .16s ease,border-color .16s ease}.toggle-control input[type=checkbox]:after{content:"";position:absolute;left:2px;top:2px;width:13px;height:13px;border-radius:50%;background:#f6f8fff7;box-shadow:0 1px 4px #00000059;transition:transform .16s ease}.toggle-control input[type=checkbox]:checked{border-color:#cbd9ff9e;background:#baceff80}.toggle-control input[type=checkbox]:checked:after{transform:translate(14px)}.color-picker{width:100%;min-height:30px;border:1px solid var(--button-stroke);border-radius:10px;cursor:pointer;background:linear-gradient(145deg,#ffffff29,#ffffff14);padding:3px}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch,.color-picker::-moz-color-swatch{border:none;border-radius:7px}@keyframes panel-entrance{0%{opacity:0;transform:translateY(-8px) scale(var(--menu-scale))}to{opacity:1;transform:translateY(0) scale(var(--menu-scale))}}@media(max-width:700px){#ui-panel{top:12px;left:12px;width:min(280px,calc(100vw - 24px));max-height:calc((100vh - 24px) / var(--menu-scale))}}