*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f0f0f;color:#e0e0e0;height:100vh;overflow:hidden;-webkit-user-select:none;user-select:none}#app{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:20px;gap:32px;position:relative}.background-logo{position:fixed;top:5%;left:5%;width:90%;height:90%;color:#fff;opacity:.015;pointer-events:none}.status-bar{display:flex;align-items:center;gap:8px;font-size:14px}.status-dot{width:10px;height:10px;border-radius:50%;background:#666;transition:background .3s}.status-dot.connected{background:#4caf50}.status-dot.streaming{background:#4caf50;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.device-code-section{text-align:center}.device-code-section .label{font-size:14px;color:#888;margin-bottom:8px}.code-wrapper{position:relative;display:inline-block}.device-code-section .code{font-size:36px;font-weight:700;font-family:SF Mono,Fira Code,monospace;letter-spacing:4px;color:#fff;padding:16px 24px;background:#1a1a1a;border-radius:12px;border:1px solid #333;text-transform:uppercase}.copy-btn{position:absolute;top:4px;right:4px;background:transparent;border:none;color:#555;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s;-webkit-tap-highlight-color:transparent;padding:0}.copy-btn:active{transform:scale(.9)}.copy-btn.copied{color:#4caf50}.copy-icon{width:16px;height:16px}.device-code-section .hint{font-size:12px;color:#666;margin-top:12px}.sensitivity-section{width:100%;max-width:280px;text-align:center}.sensitivity-section label{font-size:14px;color:#888;display:block;margin-bottom:8px}.sensitivity-section #sensitivity-value{color:#fff;font-weight:600}.sensitivity-section input[type=range]{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#222;border-radius:3px;outline:none}.sensitivity-section input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#4caf50;border:2px solid #2d2d2d;box-shadow:0 0 6px #4caf5066;cursor:pointer}.sensitivity-section input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#4caf50;border:2px solid #2d2d2d;box-shadow:0 0 6px #4caf5066;cursor:pointer}.controls{display:flex;gap:16px}.control-btn{width:80px;height:80px;border-radius:50%;border:2px solid #444;background:#1a1a1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;-webkit-tap-highlight-color:transparent}.btn-icon{width:32px;height:32px}.control-btn:active{transform:scale(.95);background:#2a2a2a}.control-btn:disabled{opacity:.3;cursor:default}.control-btn.playing{border-color:#4caf50;background:#1a2e1a}.sensor-status{font-size:12px;color:#666}.sensor-status .active{color:#4caf50}