@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600&display=swap";:root{--bg-color: #050505;--panel-bg: rgba(10, 10, 10, .9);--accent-color: #00d4ff;--text-primary: #ffffff;--text-secondary: #707070;--border-radius: 4px;--glass-border: 1px solid rgba(0, 212, 255, .15)}body{margin:0;padding:0;overflow:hidden;background-color:var(--bg-color);font-family:Outfit,sans-serif;color:var(--text-primary);width:100vw;height:100vh}canvas{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0}#ui-overlay{position:absolute;top:20px;left:20px;width:320px;max-width:calc(100% - 40px);max-height:calc(100vh - 40px);background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--glass-border);border-radius:var(--border-radius);padding:24px;pointer-events:all;box-shadow:0 8px 32px #0009;display:flex;flex-direction:column;gap:20px;z-index:100;overflow-y:auto;scrollbar-width:none}#ui-overlay::-webkit-scrollbar{display:none}.header h1{margin:0;font-size:24px;font-weight:600;background:linear-gradient(90deg,#00d4ff,#f0f);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header p{margin:4px 0 0;font-size:14px;color:var(--text-secondary)}.section{display:flex;flex-direction:column;gap:12px}.section-title{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-secondary);letter-spacing:1.5px}button{background:#ffffff0d;border:var(--glass-border);color:var(--text-primary);padding:12px 16px;border-radius:10px;cursor:pointer;font-family:inherit;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;display:flex;align-items:center;gap:10px}button:hover{background:#ffffff1f;transform:translateY(-1px)}button.active{background:var(--accent-color);color:#000;border-color:transparent;font-weight:600}.stats-panel{position:absolute;top:20px;right:20px;background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--glass-border);border-radius:var(--border-radius);padding:12px 16px;font-family:"monospace";font-size:11px;color:var(--accent-color);pointer-events:none;z-index:100;box-shadow:0 4px 16px #0006;text-align:right;line-height:1.6}.toggle-group{display:flex;background:#0000004d;padding:4px;border-radius:12px}.toggle-group button{flex:1;border:none;background:transparent;justify-content:center;padding:8px;font-size:12px}.toggle-group button.active{background:#ffffff26;color:var(--accent-color)}#instructions{position:absolute;bottom:20px;right:20px;color:var(--text-secondary);font-size:13px;text-align:right;pointer-events:none;text-shadow:0 2px 4px rgba(0,0,0,.8)}@media(max-width:600px){#ui-overlay{top:10px;left:10px;width:calc(100% - 20px);max-width:none;padding:16px;gap:16px}.header h1{font-size:20px}.stats-panel,#instructions,.gpu-stats-panel{display:none}}.gpu-stats-panel{position:fixed;bottom:20px;left:20px;background:#0f172ad9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);color:#94a3b8;padding:12px 18px;border-radius:12px;font-size:11px;font-weight:500;line-height:1.6;letter-spacing:.05em;pointer-events:none;z-index:100;font-family:Inter,system-ui,sans-serif;box-shadow:0 10px 25px -5px #0000004d}