:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;height:100%}canvas{display:block;width:100%;height:100%}.ui-overlay{position:absolute;top:20px;left:20px;z-index:10;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.1);max-width:300px}.ui-title{font-size:1.2rem;font-weight:700;margin-bottom:10px;background:linear-gradient(to right,#4facfe,#00f2fe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ui-section{margin-bottom:15px}.ui-label{font-size:.9rem;color:#aaa;margin-bottom:5px;display:block}.ui-buttons{display:flex;flex-wrap:wrap;gap:8px}button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.8rem;transition:all .2s}button:hover{background:#fff3;border-color:#fff6}button.active{background:#4facfe;border-color:#4facfe;color:#000;font-weight:700}.ui-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.ui-title{margin-bottom:0}.ui-header-controls{display:flex;align-items:center;gap:8px}.ui-lang-toggle{display:flex;gap:6px}.ui-lang-toggle button{padding:4px 8px;font-size:.75rem;border-radius:999px}.ui-toggle{background:transparent;border:none;color:#fff9;font-size:1.2rem;padding:0 5px;line-height:1;cursor:pointer}.ui-toggle:hover{color:#fff;background:#ffffff1a}.ui-overlay.minimized{width:auto;min-width:200px}