:root{--panel-bg: rgba(9, 16, 28, .58);--panel-border: rgba(148, 163, 184, .22);--text: #eef4fa;--accent: #22d3ee;font-family:Avenir Next,Segoe UI,system-ui,sans-serif}body{margin:0;overflow:hidden;background-color:#000}.control-bar{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:10px;padding:10px;border-radius:18px;background:var(--panel-bg);border:1px solid var(--panel-border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 32px #02081473}.splash-button{padding:11px 26px;border:none;border-radius:12px;background:linear-gradient(135deg,#0e7490,#2563eb);color:#fff;font:600 15px/1.2 inherit;letter-spacing:.02em;cursor:pointer;box-shadow:0 4px 18px #0e749080;transition:filter .15s ease,transform .08s ease}.splash-button:hover{filter:brightness(1.15)}.splash-button:active{transform:scale(.96)}.splash-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.render-mode-switch{display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid var(--panel-border);border-radius:12px;background:#1e293b99;font:500 13px/1.2 inherit;cursor:pointer;transition:background .15s ease}.render-mode-switch:hover{background:#334155b3}.render-mode-switch:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.mode-label{color:#eef4fa66;transition:color .15s ease}.mode-label.active{color:var(--text)}.mode-track{position:relative;width:34px;height:18px;border-radius:9px;background:#22d3ee66;flex:none}.mode-knob{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #02081480;transition:transform .18s ease}.render-mode-switch.particles .mode-knob{transform:translate(16px)}.water-debug{padding:10px 12px;background:#1e293b99;color:var(--text);border:1px solid var(--panel-border);border-radius:12px;font:500 13px/1.2 inherit;cursor:pointer}.water-debug:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app-title{position:fixed;left:16px;bottom:18px;z-index:90;color:#eef4facc;font:600 13px/1.35 inherit;letter-spacing:.03em;text-shadow:0 1px 8px rgba(2,8,20,.6);pointer-events:none;-webkit-user-select:none;user-select:none}.app-title small{display:block;font-weight:400;font-size:11px;color:#eef4fa8c}.lil-gui{--background-color: rgba(9, 16, 28, .72) !important;--widget-color: rgba(30, 41, 59, .85) !important;--title-background-color: rgba(15, 23, 42, .85) !important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:0 0 0 12px}