:root,[data-theme=dark]{--bg-primary: #0f0f1a;--bg-secondary: #1a1a2e;--bg-card: #1a2842;--bg-input: #0d1829;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .65);--text-muted: rgba(255, 255, 255, .4);--border-subtle: #2a4060;--border-medium: #3a5070;--glass-bg: #16213e;--glass-border: #2a4060;--accent: #42b883;--accent-hover: #369870;--accent-soft: rgba(66, 184, 131, .15);--danger: #ff5252;--danger-soft: rgba(255, 82, 82, .15);--warning: #ffc832;--warning-soft: rgba(255, 200, 50, .15);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}[data-theme=light]{--bg-primary: #f4f6f9;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-input: #eef1f6;--text-primary: #1a1a2e;--text-secondary: #3d4966;--text-muted: #7a849e;--border-subtle: #d0d8e8;--border-medium: #b0bcd4;--glass-bg: #ffffff;--glass-border: #d0d8e8;--accent: #2d9966;--accent-hover: #24784f;--accent-soft: rgba(45, 153, 102, .12);--danger: #d32f2f;--danger-soft: rgba(211, 47, 47, .1);--warning: #c07000;--warning-soft: rgba(192, 112, 0, .12);--shadow-sm: 0 2px 8px rgba(30, 40, 80, .08);--shadow-md: 0 4px 20px rgba(30, 40, 80, .12);--shadow-lg: 0 8px 40px rgba(30, 40, 80, .16);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}body{background:var(--bg-primary);color:var(--text-primary);overflow-y:scroll;transition:background .25s ease,color .25s ease}button{padding:.5rem 1.2rem;font-size:1rem;background:#42b883;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-bottom:1rem}button:disabled{background:#aaa;cursor:not-allowed}.ble-error{color:#c00;margin-bottom:.5rem}.ble-success{color:#42b883;margin-bottom:.5rem}.ble-data{background:#fff;border-radius:6px;padding:1rem;margin-top:1rem;box-shadow:0 1px 4px #00000008}pre{font-size:.95rem;background:#eee;color:#000;padding:.5rem;border-radius:4px}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media(max-width:768px){#app{padding:0}}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}