:root{--sc-gray-900: #111827;--sc-bg-primary-dark: #1f2937;--sc-bg-secondary-dark: #374151;--sc-border-medium-dark: #4b5563;--sc-text-primary-dark: #ffffff;--sc-text-secondary-dark: #d1d5db;--sc-text-tertiary-dark: #9ca3af;--sc-primary-color: #3b82f6;--sc-primary-hover: #2563eb;--sc-primary-light: #60a5fa;--sc-primary-transparent-light: rgba(59, 130, 246, .2);--sc-success: #22c55e;--sc-danger-color: #ef4444;--sc-danger-transparent-light: rgba(239, 68, 68, .2);--sc-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sc-font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace}html{-webkit-tap-highlight-color:transparent}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--sc-font-family);background:var(--sc-gray-900);color:var(--sc-text-secondary-dark);height:100vh;height:100dvh;overflow:hidden;-webkit-user-select:none;user-select:none}#app{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:16px;gap:20px;position:relative}.background-logo{position:fixed;top:5%;left:5%;width:90%;height:90%;color:var(--sc-text-primary-dark);opacity:.02;pointer-events:none}.status-bar{display:flex;align-items:center;gap:8px;padding:6px 14px;font-size:14px;color:var(--sc-text-secondary-dark);background:var(--sc-bg-primary-dark);border:1px solid var(--sc-bg-secondary-dark);border-radius:999px}.device-code-section{text-align:center}.device-code-section .label{font-size:13px;color:var(--sc-text-tertiary-dark);margin-bottom:8px}.code-wrapper{position:relative;display:inline-block}.device-code-section .code{font-size:32px;font-weight:700;font-family:var(--sc-font-family-mono);letter-spacing:4px;color:var(--sc-text-primary-dark);padding:14px 44px 14px 28px;background:var(--sc-bg-primary-dark);border-radius:12px;border:1px solid var(--sc-bg-secondary-dark);text-transform:uppercase}.copy-btn{position:absolute;top:50%;right:8px;transform:translateY(-50%);background:transparent;border:none;color:var(--sc-text-tertiary-dark);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:translateY(-50%) scale(.9)}.copy-btn.copied{color:var(--sc-success)}.copy-icon{width:16px;height:16px}.device-code-section .hint{font-size:13px;color:var(--sc-text-tertiary-dark);margin:10px auto 0;max-width:300px}.gauge{position:relative;width:76px;height:30vh;min-height:140px;background:var(--sc-bg-primary-dark);border:1px solid var(--sc-bg-secondary-dark);border-radius:18px;overflow:hidden}.gauge.touch{width:120px;touch-action:none;cursor:ns-resize}.input-switch{display:flex;padding:3px;background:var(--sc-bg-primary-dark);border:1px solid var(--sc-bg-secondary-dark);border-radius:999px}.input-switch button{min-width:84px;height:34px;padding:0 16px;border:none;border-radius:999px;background:transparent;color:var(--sc-text-tertiary-dark);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}.input-switch button.active{background:var(--sc-primary-color);color:var(--sc-text-primary-dark)}.gauge-fill{position:absolute;left:0;right:0;bottom:0;height:0;background:linear-gradient(to top,var(--sc-primary-hover),var(--sc-primary-light))}.gauge-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--sc-text-primary-dark);text-shadow:0 1px 3px rgba(0,0,0,.6)}.calibrate-hint{font-size:15px;line-height:1.4;color:var(--sc-text-secondary-dark);text-align:center;max-width:300px;min-height:2.8em}.controls{display:flex;align-items:center;gap:24px}.text-btn{min-width:128px;height:52px;padding:0 20px;border-radius:26px;border:1px solid var(--sc-border-medium-dark);background:var(--sc-bg-primary-dark);color:var(--sc-text-primary-dark);font-family:inherit;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s;-webkit-tap-highlight-color:transparent}.text-btn:active{transform:scale(.96)}.text-btn.armed{background:var(--sc-primary-color);border-color:var(--sc-primary-color)}.control-btn{width:80px;height:80px;border-radius:50%;border:2px solid var(--sc-primary-color);background:var(--sc-primary-transparent-light);color:var(--sc-text-primary-dark);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s,opacity .2s;-webkit-tap-highlight-color:transparent}.btn-icon{width:32px;height:32px}.control-btn:active{transform:scale(.95)}.control-btn:disabled{border-color:var(--sc-border-medium-dark);background:var(--sc-bg-primary-dark);opacity:.4;cursor:default}.control-btn.playing{border-color:var(--sc-danger-color);background:var(--sc-danger-transparent-light)}