:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.mobile-menu[data-v-048de472]{position:fixed;top:1rem;left:1rem;z-index:300}.hamburger-btn[data-v-048de472]{background:#42b883;border:none;border-radius:8px;padding:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-around;width:50px;height:50px;box-shadow:0 2px 8px #0003;transition:all .3s ease}.hamburger-btn[data-v-048de472]:hover{background:#369870}.hamburger-btn.recording[data-v-048de472]{background:#dc3545;box-shadow:0 0 20px #dc354599,0 0 40px #dc354566;animation:recordingPulse-048de472 2s infinite}.hamburger-btn.recording[data-v-048de472]:hover{background:#c82333}@keyframes recordingPulse-048de472{0%{box-shadow:0 0 20px #dc354599,0 0 40px #dc354566}50%{box-shadow:0 0 30px #dc3545cc,0 0 60px #dc354599}to{box-shadow:0 0 20px #dc354599,0 0 40px #dc354566}}.hamburger-btn span[data-v-048de472]{display:block;height:3px;width:100%;background:#fff;border-radius:2px;transition:all .3s ease}.hamburger-btn.active span[data-v-048de472]:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger-btn.active span[data-v-048de472]:nth-child(2){opacity:0}.hamburger-btn.active span[data-v-048de472]:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.menu-overlay[data-v-048de472]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;opacity:0;visibility:hidden;transition:all .3s ease;z-index:250}.menu-overlay.open[data-v-048de472]{opacity:1;visibility:visible}.menu-content[data-v-048de472]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#222;border-radius:12px;padding:2rem;min-width:300px;max-width:90vw;box-shadow:0 4px 20px #0000004d}.menu-header[data-v-048de472]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;color:#fff}.menu-header h3[data-v-048de472]{margin:0;color:#42b883}.close-btn[data-v-048de472]{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.close-btn[data-v-048de472]:hover{background:#ffffff1a}.menu-buttons[data-v-048de472]{display:flex;flex-direction:column;gap:1rem}.mode-selector[data-v-048de472]{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.5rem;background:#1a1a1a;border-radius:6px}.mode-selector label[data-v-048de472]{color:#42b883;font-weight:600;min-width:80px}.mode-select[data-v-048de472]{padding:.4rem .8rem;border-radius:4px;border:1px solid #42b883;background:#292929;color:#fff;font-size:.9rem;flex:1;cursor:pointer}.mode-select[data-v-048de472]:focus{outline:none;border-color:#42b883;box-shadow:0 0 0 2px #42b88333}.menu-button[data-v-048de472]{background:#42b883;color:#fff;border:none;border-radius:8px;padding:1rem;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.menu-button[data-v-048de472]:hover:not(:disabled){background:#369870;transform:translateY(-2px)}.menu-button[data-v-048de472]:disabled{background:#666;cursor:not-allowed;transform:none}.menu-button.recording[data-v-048de472]{background:#dc3545;animation:recordingButtonPulse-048de472 2s infinite}.menu-button.recording[data-v-048de472]:hover{background:#c82333}.menu-button.ble-connected[data-v-048de472]{background:#dc3545}.menu-button.ble-connected[data-v-048de472]:hover:not(:disabled){background:#c82333;transform:translateY(-2px)}@keyframes recordingButtonPulse-048de472{0%,to{box-shadow:0 0 10px #dc354566}50%{box-shadow:0 0 20px #dc354599}}.bot-bar[data-v-048de472]{position:fixed;left:50%;bottom:14px;transform:translate(-50%);min-width:340px;max-width:600px;background:#222;color:#fff;border-radius:10px;box-shadow:0 2px 12px #00000040;padding:1rem;z-index:100;transition:all .3s ease}.bot-bar.collapsed[data-v-048de472]{height:auto;padding:.5rem}.collapsed-timeline[data-v-048de472]{display:flex;align-items:center;gap:.5rem;width:calc(100% - 50px);margin-left:50px;padding:.3rem 0}.timeline-wrapper[data-v-048de472]{flex:1;display:flex;flex-direction:column;gap:.2rem;min-width:0}.collapsed-controls[data-v-048de472]{display:flex;gap:.3rem;flex-shrink:0}.collapse-btn[data-v-048de472]{position:absolute;top:.5rem;right:.5rem;background:#42b883;border:none;border-radius:50%;width:30px;height:30px;color:#fff;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #0003}.bot-bar-content[data-v-048de472]{margin-bottom:.5rem}.cards-row[data-v-048de472]{display:flex;flex-direction:row;gap:1.2rem;justify-content:space-between;align-items:stretch;margin-bottom:.7rem}.card[data-v-048de472]{background:#292929;border-radius:8px;padding:.7rem 1rem;min-width:250px;flex:1 1 0;display:flex;flex-direction:column;gap:.3rem;box-shadow:0 1px 4px #0000001a}.card-title[data-v-048de472]{font-weight:700;margin-bottom:.3rem;font-size:1.08em;color:#42b883}.card-bodyhead .sensor-label[data-v-048de472]{font-size:.95em;word-break:break-all}.status[data-v-048de472]{font-weight:700;margin-top:.5rem;text-align:center}.status[data-v-048de472]{font-weight:700;margin-bottom:.5rem}.status.connected[data-v-048de472]{color:#42b883}.status.disconnected[data-v-048de472]{color:#c00}.status.playback[data-v-048de472]{color:#ff9800}.sensor-label[data-v-048de472]{font-size:.95em;word-break:break-all}.ble-error[data-v-048de472]{color:#c00;margin-left:1rem}.read-mode-controls[data-v-048de472]{display:flex;gap:1rem;margin-bottom:1rem;justify-content:center}.read-mode-controls .control-group[data-v-048de472]{margin-bottom:0}.read-mode-controls label[data-v-048de472]{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#fff}.read-mode-controls select[data-v-048de472]{padding:.4rem .8rem;border-radius:4px;border:1px solid #42b883;background:#292929;color:#fff;font-size:.9rem;min-width:100px}.read-mode-controls select[data-v-048de472]:focus{outline:none;border-color:#42b883;box-shadow:0 0 0 2px #42b88333}.read-mode-controls span[data-v-048de472]{min-width:120px}.modal-overlay[data-v-048de472]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-overlay.open[data-v-048de472]{opacity:1;pointer-events:all}.modal-content[data-v-048de472]{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d;transform:scale(.9);transition:transform .3s ease}.modal-overlay.open .modal-content[data-v-048de472]{transform:scale(1)}.modal-header[data-v-048de472]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.modal-header h3[data-v-048de472]{margin:0;font-size:24px;color:#333}.modal-body[data-v-048de472]{padding:20px}.about-section[data-v-048de472]{margin-bottom:24px}.about-section[data-v-048de472]:last-child{margin-bottom:0}.about-section h4[data-v-048de472]{margin:0 0 8px;font-size:18px;color:#333;font-weight:600}.about-section p[data-v-048de472]{margin:0;color:#666;line-height:1.6}.version[data-v-048de472]{font-weight:500;color:#4caf50;font-size:16px}.tech-list[data-v-048de472]{list-style:none;padding:0;margin:8px 0 0}.tech-list li[data-v-048de472]{color:#666;position:relative;padding:6px 0 6px 20px}.tech-list li[data-v-048de472]:before{content:"•";position:absolute;left:0;color:#4caf50;font-weight:700}.playback-controls[data-v-048de472]{background:#1a1a1a;border-radius:8px;padding:1rem;margin-bottom:1rem;border-left:4px solid #42b883}.playback-timeline[data-v-048de472]{margin-bottom:1rem}.timeline-slider[data-v-048de472]{width:100%;height:6px;border-radius:3px;background:#292929;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.timeline-slider[data-v-048de472]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#42b883;cursor:pointer;box-shadow:0 0 6px #42b88380}.timeline-slider[data-v-048de472]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#42b883;cursor:pointer;border:none;box-shadow:0 0 6px #42b88380}.timeline-labels[data-v-048de472]{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.85rem;color:#999}.playback-buttons[data-v-048de472]{display:flex;gap:.5rem;margin-bottom:.8rem;flex-wrap:wrap;align-items:center}.playback-btn[data-v-048de472]{padding:.5rem 1rem;border:none;border-radius:4px;background:#42b883;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease;flex:1;min-width:70px}.playback-btn.small[data-v-048de472]{padding:.3rem .6rem;font-size:.75rem;flex:0;min-width:30px}.playback-btn[data-v-048de472]:hover:not(:disabled){background:#369870;transform:translateY(-2px);box-shadow:0 2px 8px #42b8834d}.playback-btn[data-v-048de472]:disabled{background:#555;cursor:not-allowed;opacity:.6}.play-btn[data-v-048de472]{background:#42b883}.pause-btn[data-v-048de472]{background:#ff9800}.pause-btn[data-v-048de472]:hover:not(:disabled){background:#e68900}.stop-btn[data-v-048de472]{background:#dc3545}.stop-btn[data-v-048de472]:hover:not(:disabled){background:#c82333}.loop-toggle[data-v-048de472]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#292929;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;-webkit-user-select:none;user-select:none}.loop-toggle.small[data-v-048de472]{padding:.3rem .5rem;gap:.2rem;font-size:.85rem}.loop-toggle input[type=checkbox][data-v-048de472]{cursor:pointer;width:18px;height:18px;accent-color:#42b883}.loop-toggle.small input[type=checkbox][data-v-048de472]{width:14px;height:14px}.speed-control[data-v-048de472]{display:flex;align-items:center;gap:.5rem}.speed-control label[data-v-048de472]{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:.9rem;width:100%}.speed-control span[data-v-048de472]{min-width:70px}.speed-control select[data-v-048de472]{padding:.4rem .8rem;border-radius:4px;border:1px solid #42b883;background:#292929;color:#fff;font-size:.9rem;cursor:pointer;flex:1}.speed-control select[data-v-048de472]:focus{outline:none;border-color:#42b883;box-shadow:0 0 0 2px #42b88333}@media (max-width: 768px){.modal-content[data-v-048de472]{width:95%;max-height:85vh}.modal-header[data-v-048de472]{padding:16px}.modal-header h3[data-v-048de472]{font-size:20px}.modal-body[data-v-048de472]{padding:16px}.about-section h4[data-v-048de472]{font-size:16px}}.info-panel[data-v-048de472]{position:fixed;top:1rem;right:1rem;z-index:250;background:#292929eb;border:1px solid rgba(66,184,131,.3);border-radius:8px;box-shadow:0 4px 12px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:280px;transition:all .3s ease}.info-panel.collapsed[data-v-048de472]{max-width:none}.info-panel-toggle[data-v-048de472]{width:100%;background:linear-gradient(135deg,#42b883,#369870);border:none;color:#fff;padding:10px 12px;border-radius:8px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between}.info-panel-toggle[data-v-048de472]:hover{background:linear-gradient(135deg,#369870,#2a8659);box-shadow:0 0 0 2px #42b88333}.info-panel-content[data-v-048de472]{padding:12px;display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto}.info-item[data-v-048de472]{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;background:#42b8830d;border-left:3px solid rgba(66,184,131,.3);border-radius:4px}.info-label[data-v-048de472]{font-size:.85rem;color:#a0a0a0;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.info-value[data-v-048de472]{font-size:.9rem;color:#42b883;font-weight:500;word-break:break-word;text-align:right}.info-value.info-time[data-v-048de472]{font-size:.8rem;color:#7fc9a0}.info-value.info-small[data-v-048de472]{font-size:.75rem;color:#7fc9a0;font-family:Courier New,monospace}.info-panel-content[data-v-048de472]::-webkit-scrollbar{width:6px}.info-panel-content[data-v-048de472]::-webkit-scrollbar-track{background:#42b8830d;border-radius:10px}.info-panel-content[data-v-048de472]::-webkit-scrollbar-thumb{background:#42b8834d;border-radius:10px}.info-panel-content[data-v-048de472]::-webkit-scrollbar-thumb:hover{background:#42b88380}@media (max-width: 768px){.info-panel[data-v-048de472]{top:60px;right:1rem;max-width:250px}.info-item[data-v-048de472]{grid-template-columns:1fr;gap:4px}.info-value[data-v-048de472]{text-align:left}}button[data-v-a42c1c12]{padding:.5rem 1.2rem;font-size:1rem;background:#42b883;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-bottom:1rem}button[data-v-a42c1c12]:disabled{background:#aaa;cursor:not-allowed}.ble-error[data-v-a42c1c12]{color:#c00;margin-bottom:.5rem}.ble-success[data-v-a42c1c12]{color:#42b883;margin-bottom:.5rem}.ble-data[data-v-a42c1c12]{background:#fff;border-radius:6px;padding:1rem;margin-top:1rem;box-shadow:0 1px 4px #00000008}pre[data-v-a42c1c12]{font-size:.95rem;background:#eee;color:#000;padding:.5rem;border-radius:4px}