: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:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;width:100vw;height:100vh;overflow:hidden;background-color:#1a1a1a}#app{width:100%;height:100%}.ui-panel{position:absolute;top:20px;right:20px;width:320px;max-height:90vh;overflow-y:auto;background:#2c3e50e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;padding:20px;box-shadow:0 8px 32px #00000080;border:1px solid rgba(255,255,255,.1);z-index:100}h1{font-size:1.5rem;margin-top:0;color:#3498db}h2{font-size:1.1rem;margin-top:20px;border-bottom:1px solid #444;padding-bottom:5px}.score-board{font-size:1.2rem;font-weight:700;color:#2ecc71;margin-bottom:15px}.light-control{margin-bottom:15px;padding:10px;background:#ffffff0d;border-radius:8px}.input-group{display:flex;justify-content:space-between;align-items:center;margin-top:5px}.input-group label{font-size:.8rem;color:#bdc3c7}.input-group input{width:60px;background:#2c3e50;border:1px solid #444;color:#fff;padding:4px;border-radius:4px}