html,body{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app{min-height:100vh;padding:1rem 1rem 5rem;transition:all .3s}.app.dark{color:#fff;background:linear-gradient(#111827,#1f2937)}.app.light{color:#111827;background:linear-gradient(#eff6ff,#f3f4f6)}.container{max-width:28rem;margin:0 auto}.header{text-align:center;padding:1rem 0}.header-top{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.header-spacer{width:6rem}.title{font-size:1.875rem;font-weight:700}.theme-toggle{border-radius:.5rem;flex-direction:column;gap:.25rem;padding:.25rem;display:flex;box-shadow:0 4px 6px -1px #0000001a}.dark .theme-toggle{background:#1f2937}.light .theme-toggle{background:#fff}.theme-btn{cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.5rem;transition:all .2s}.dark .theme-btn{color:#fff}.theme-btn:hover{background:#37415180}.theme-btn.active.dark{background:#374151}.theme-btn.active.light{color:#fff;background:#3b82f6}.card{border-radius:.5rem;margin-bottom:1.5rem;padding:1.25rem;box-shadow:0 10px 15px -3px #0000001a}.dark .card{background:#1f2937}.light .card{background:#fff}.card-title{align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.25rem;font-weight:600;display:flex}.light-preview{border:2px solid;border-radius:.5rem;justify-content:center;align-items:center;width:100%;height:6rem;margin-bottom:1rem;font-weight:600;transition:all .5s;display:flex}.dark .light-preview{border-color:#374151}.light .light-preview{border-color:#e5e7eb}.light-preview span{color:#1f2937}.grid-2{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.btn{cursor:pointer;text-align:center;border:none;border-radius:.5rem;padding:.75rem 1rem;font-weight:500;transition:all .2s}.dark .btn-default{color:#fff;background:#374151}.dark .btn-default:hover{background:#4b5563}.light .btn-default{color:#111827;background:#e5e7eb}.light .btn-default:hover{background:#d1d5db}.btn-primary{color:#fff;background:#3b82f6;box-shadow:0 4px 6px -1px #0000001a}.btn-icon{flex-direction:column;align-items:center;gap:.25rem;display:flex}.btn-small{padding:.5rem .75rem;font-size:.875rem}.btn-yellow{color:#fff;background:#ca8a04}.btn-indigo{color:#fff;background:#312e81}.btn-orange{color:#fff;background:#ea580c}.label{margin-bottom:.5rem;font-size:.875rem;display:block}.input-color{cursor:pointer;border:none;border-radius:.5rem;width:100%;height:3rem}.input-range{cursor:pointer;width:100%;height:.75rem;margin-bottom:.5rem}.range-labels{justify-content:space-between;font-size:.75rem;display:flex}.dark .range-labels{color:#9ca3af}.light .range-labels{color:#6b7280}.wc-btn{cursor:pointer;color:#fff;border:none;border-radius:.5rem;width:100%;padding:1rem 1.5rem;font-size:1.125rem;font-weight:700;transition:all .2s}.wc-btn:active{transform:scale(.95)}.wc-btn.open{background:#dc2626;box-shadow:0 10px 15px -3px #dc262680}.wc-btn.open:hover{background:#b91c1c}.wc-btn.closed{background:#16a34a;box-shadow:0 10px 15px -3px #16a34a80}.wc-btn.closed:hover{background:#15803d}.wc-content{justify-content:center;align-items:center;gap:.75rem;display:flex}.wc-emoji{font-size:1.875rem}.wc-warning{text-align:center;color:#fbbf24;margin-top:.75rem;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.light .wc-warning{color:red}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.btn-green{color:#fff;background:#16a34a;box-shadow:0 4px 6px -1px #0000001a}.btn-purple{color:#fff;background:#9333ea;box-shadow:0 4px 6px -1px #0000001a}.speed-indicator{text-align:center;margin-top:1rem}.speed-box{border-radius:.5rem;padding:.75rem 1.5rem;display:inline-block}.dark .speed-box{background:#374151}.light .speed-box{background:#e5e7eb}.speed-value{font-size:1.875rem;font-weight:700}.speed-label{margin-top:.25rem;font-size:.75rem}.dark .speed-label{color:#9ca3af}.light .speed-label{color:#6b7280}.status-bar{border-radius:.5rem;padding:.75rem;font-size:.75rem}.dark .status-bar{background:#374151}.light .status-bar{background:#e5e7eb}.status-content{justify-content:space-between;align-items:center;display:flex}.space-y{flex-direction:column;gap:.75rem;display:flex}._container_s6dd8_1{color:#fff;background-color:#0b1a2e;background-image:-webkit-image-set(url(/assets/oignies-Juv3Qy3m.avif) 1x type("image/avif"),url(/assets/oignies-D5e_u5W2.webp) 1x type("image/webp"),url(/assets/oignies-Bc3OYl6B.jpg) 1x type("image/jpeg"));background-image:image-set("/assets/oignies-Juv3Qy3m.avif" 1x type("image/avif"),"/assets/oignies-D5e_u5W2.webp" 1x type("image/webp"),"/assets/oignies-Bc3OYl6B.jpg" 1x type("image/jpeg"));background-position:bottom;background-repeat:no-repeat;background-size:100%;justify-content:center;align-items:center;width:100vw;min-height:100dvh;padding:2rem;transition:background .3s;display:flex}@media (orientation:landscape){._container_s6dd8_1{background-image:-webkit-image-set(url(/assets/landscape-B88tN0eG.avif) 1x type("image/avif"),url(/assets/landscape-PGk6y3rR.webp) 1x type("image/webp"),url(/assets/landscape-ChY59JJ6.jpg) 1x type("image/jpeg"));background-image:image-set("/assets/landscape-B88tN0eG.avif" 1x type("image/avif"),"/assets/landscape-PGk6y3rR.webp" 1x type("image/webp"),"/assets/landscape-ChY59JJ6.jpg" 1x type("image/jpeg"))}}._connection-container_s6dd8_43{text-align:center;width:100%;max-width:500px}._title_s6dd8_50{margin-bottom:3.5rem;font-size:2.5rem;font-weight:700}._connect-button_s6dd8_56{color:#3b82f6;cursor:pointer;background:#1f2937e0;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:200px;height:200px;margin:0 auto 2rem;font-size:1.25rem;font-weight:700;transition:all .3s;display:flex;position:relative;box-shadow:0 20px 60px #0000004d}._connect-button_s6dd8_56:hover:not(:disabled){transform:scale(1.05);box-shadow:0 25px 70px #0006}._connect-button_s6dd8_56:active:not(:disabled){transform:scale(.98)}._connect-button_s6dd8_56:disabled{opacity:.7;cursor:not-allowed}._connect-button_s6dd8_56._connecting_s6dd8_91{animation:2s ease-in-out infinite _pulse_s6dd8_1}@keyframes _pulse_s6dd8_1{0%,to{box-shadow:0 20px 60px #0000004d}50%{box-shadow:0 20px 60px #3b82f699}}._button-icon_s6dd8_104{width:64px;height:64px}._spinner_s6dd8_109{animation:1s linear infinite _spin_s6dd8_109}@keyframes _spin_s6dd8_109{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._status-message_s6dd8_118{border-radius:.75rem;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1rem;padding:1rem 1.5rem;font-weight:500;animation:.3s ease-out _slideIn_s6dd8_1;display:flex}@keyframes _slideIn_s6dd8_1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}._status-error_s6dd8_141{color:#fee;background:#ef444433;border:2px solid #ef444480}._status-success_s6dd8_147{color:#dfe;background:#22c55e33;border:2px solid #22c55e80}._footer_s6dd8_153{opacity:.7;font-size:.875rem;position:absolute;inset:auto 0 1rem}._bluetooth-icon-animated_s6dd8_160{animation:2s ease-in-out infinite _blink_s6dd8_1}@keyframes _blink_s6dd8_1{0%,to{opacity:1}50%{opacity:.3}}