body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:focus{outline:none}html{scroll-behavior:smooth}*{font-feature-settings:"kern" 1;box-sizing:border-box;margin:0;padding:0;text-rendering:optimizeLegibility}body{background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.app,body{min-height:100vh}.app{align-items:flex-start;display:flex;justify-content:center;padding:20px}.container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000001a;max-width:600px;padding:40px;width:100%}.header{margin-bottom:40px;text-align:center}.logo{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:12px}.logo-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:48px}.header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin:0}.subtitle{color:#666;font-size:1.1rem;font-weight:500}.connection-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:16px;margin-bottom:32px;padding:24px}.connection-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.connection-header h2{color:#333;font-size:1.4rem;font-weight:600}.status-indicator{align-items:center;border-radius:20px;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:8px 16px}.status-indicator.connected{background:#d4edda;color:#155724}.status-indicator.disconnected{background:#f8d7da;color:#721c24}.status-dot{animation:pulse 2s infinite;background:currentColor;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.input-group{margin-bottom:0}.input-group label{color:#555;display:block;font-weight:500;margin-bottom:8px}.input-with-button{display:flex;gap:12px}.url-input{background:#fff;border:2px solid #e9ecef;border-radius:12px;flex:1 1;font-size:1rem;padding:14px 16px;transition:all .2s ease}.url-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.ping-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:14px 20px;transition:all .2s ease;white-space:nowrap}.ping-button:hover:not(:disabled){box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.ping-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.button-icon{font-size:1.1rem}.volume-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;margin-bottom:32px;padding:32px;text-align:center}.volume-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.volume-header h2{font-size:1.4rem;font-weight:600;margin:0}.volume-display{align-items:baseline;display:flex;gap:4px}.volume-value{font-size:2.5rem;font-weight:700;line-height:1}.volume-unit{font-size:1.2rem;font-weight:500;opacity:.9}.slider-container{margin-bottom:16px;position:relative}.volume-slider{appearance:none;background:#ffffff4d;border-radius:4px;cursor:pointer;height:8px;outline:none;transition:all .2s ease;width:100%}.volume-slider::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;box-shadow:0 4px 12px #0003;cursor:pointer;height:24px;-webkit-transition:all .2s ease;transition:all .2s ease;width:24px}.volume-slider::-webkit-slider-thumb:hover{box-shadow:0 6px 20px #0000004d;transform:scale(1.1)}.volume-slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;box-shadow:0 4px 12px #0003;cursor:pointer;height:24px;-moz-transition:all .2s ease;transition:all .2s ease;width:24px}.volume-slider::-moz-range-thumb:hover{transform:scale(1.1)}.volume-slider:disabled{cursor:not-allowed;opacity:.5}.slider-labels{display:flex;font-size:.9rem;justify-content:space-between;margin-top:8px;opacity:.8}.status-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:16px;margin-bottom:32px;padding:24px}.status-section h3{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:16px}.status-message{background:#fff;border:1px solid #e9ecef;border-radius:12px;color:#555;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;min-height:20px;padding:16px;word-break:break-word}.footer{color:#666;font-size:.9rem;line-height:1.5;text-align:center}.footer code{background:#f1f3f4;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;padding:2px 6px}.footer strong{color:#333}@media (max-width:768px){.app{padding:16px}.container{border-radius:20px;padding:24px}.header h1{font-size:2rem}.input-with-button{flex-direction:column}.ping-button{justify-content:center}.volume-header{flex-direction:column;gap:16px}.volume-value{font-size:2rem}}@media (max-width:480px){.container{padding:20px}.header h1{font-size:1.8rem}.logo-icon{font-size:36px}.volume-section{padding:24px}}
/*# sourceMappingURL=main.df0f69c8.css.map*/