:root{--md-sys-color-primary: #82b1ff;--md-sys-color-on-primary: #003258;--md-sys-color-primary-container: #004881;--md-sys-color-on-primary-container: #d1e4ff;--md-sys-color-secondary: #bac8db;--md-sys-color-on-secondary: #253140;--md-sys-color-secondary-container: #3b4857;--md-sys-color-on-secondary-container: #d6e4f7;--md-sys-color-tertiary: #d5bee5;--md-sys-color-on-tertiary: #3a2948;--md-sys-color-tertiary-container: #51405f;--md-sys-color-on-tertiary-container: #f1dbff;--md-sys-color-error: #ffb4ab;--md-sys-color-on-error: #690005;--md-sys-color-error-container: #93000a;--md-sys-color-on-error-container: #ffdad6;--md-sys-color-surface: #0d1721;--md-sys-color-surface-dim: #0d1721;--md-sys-color-surface-bright: #333d47;--md-sys-color-surface-container-lowest: #020608;--md-sys-color-surface-container-low: #151f29;--md-sys-color-surface-container: #1a2631;--md-sys-color-surface-container-high: #242f3a;--md-sys-color-surface-container-highest: #2f3a45;--md-sys-color-on-surface: #e1e2e8;--md-sys-color-on-surface-variant: #c1c7d0;--md-sys-color-outline: #8b9199;--md-sys-color-outline-variant: #41474e;--md-sys-color-inverse-surface: #e1e2e8;--md-sys-color-inverse-on-surface: #2e3135;--md-sys-color-inverse-primary: #0061a6;--md-sys-color-scrim: #000000;--md-sys-elevation-0: none;--md-sys-elevation-1: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px 1px rgba(0, 0, 0, .15);--md-sys-elevation-2: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px 2px rgba(0, 0, 0, .15);--md-sys-elevation-3: 0 4px 8px 3px rgba(0, 0, 0, .15), 0 1px 3px rgba(0, 0, 0, .3);--md-sys-elevation-4: 0 6px 10px 4px rgba(0, 0, 0, .15), 0 2px 3px rgba(0, 0, 0, .3);--md-sys-elevation-5: 0 8px 12px 6px rgba(0, 0, 0, .15), 0 4px 4px rgba(0, 0, 0, .3);--md-sys-typescale-display-large: 400 3.5625rem/4rem "Roboto", sans-serif;--md-sys-typescale-display-medium: 400 2.8125rem/3.25rem "Roboto", sans-serif;--md-sys-typescale-display-small: 400 2.25rem/2.75rem "Roboto", sans-serif;--md-sys-typescale-headline-large: 400 2rem/2.5rem "Roboto", sans-serif;--md-sys-typescale-headline-medium: 400 1.75rem/2.25rem "Roboto", sans-serif;--md-sys-typescale-headline-small: 400 1.5rem/2rem "Roboto", sans-serif;--md-sys-typescale-title-large: 400 1.375rem/1.75rem "Roboto", sans-serif;--md-sys-typescale-title-medium: 500 1rem/1.5rem "Roboto", sans-serif;--md-sys-typescale-title-small: 500 .875rem/1.25rem "Roboto", sans-serif;--md-sys-typescale-body-large: 400 1rem/1.5rem "Roboto", sans-serif;--md-sys-typescale-body-medium: 400 .875rem/1.25rem "Roboto", sans-serif;--md-sys-typescale-body-small: 400 .75rem/1rem "Roboto", sans-serif;--md-sys-typescale-label-large: 500 .875rem/1.25rem "Roboto", sans-serif;--md-sys-typescale-label-medium: 500 .75rem/1rem "Roboto", sans-serif;--md-sys-typescale-label-small: 500 .6875rem/1rem "Roboto", sans-serif;--md-sys-shape-corner-none: 0px;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-full: 9999px;--md-sys-state-hover-opacity: .08;--md-sys-state-focus-opacity: .1;--md-sys-state-pressed-opacity: .1;--md-sys-state-dragged-opacity: .16;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--md-sys-motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-standard-decelerate: cubic-bezier(0, 0, 0, 1);--md-sys-motion-easing-standard-accelerate: cubic-bezier(.3, 0, 1, 1);--md-sys-motion-easing-emphasized: cubic-bezier(.2, 0, 0, 1);--md-sys-motion-duration-short1: 50ms;--md-sys-motion-duration-short2: .1s;--md-sys-motion-duration-short3: .15s;--md-sys-motion-duration-short4: .2s;--md-sys-motion-duration-medium1: .25s;--md-sys-motion-duration-medium2: .3s;--md-sys-motion-duration-medium4: .4s;--radius-sm: var(--md-sys-shape-corner-small);--radius-md: var(--md-sys-shape-corner-medium);--radius-lg: var(--md-sys-shape-corner-large);--radius-full: var(--md-sys-shape-corner-full);--transition-fast: var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard);--transition-standard: var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,Arial,sans-serif}body{font:var(--md-sys-typescale-body-large);background:linear-gradient(135deg,#0a1929,#1a2332);color:var(--md-sys-color-on-surface);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#app{width:100%;max-width:1400px}.container{width:100%}.control-panel{background:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-extra-large);padding:var(--spacing-lg);box-shadow:var(--md-sys-elevation-2)}.presets-panel{width:100%;background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large);box-shadow:var(--md-sys-elevation-1);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:flex-start}.presets-header{font:var(--md-sys-typescale-title-large);color:var(--md-sys-color-on-surface);margin-bottom:var(--spacing-md)}.preset-list{display:flex;gap:8px;flex-wrap:wrap}.preset-btn{font:var(--md-sys-typescale-label-large);color:var(--md-sys-color-on-surface);background:transparent;border-radius:var(--md-sys-shape-corner-small);border:1px solid var(--md-sys-color-outline);padding:6px 16px;height:32px;cursor:pointer;transition:background var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard),border-color var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard);position:relative}.preset-btn:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:48px;min-width:48px}.preset-btn:hover{background:rgba(var(--md-sys-color-on-surface),var(--md-sys-state-hover-opacity));background:color-mix(in srgb,var(--md-sys-color-surface-container),var(--md-sys-color-on-surface) 8%)}.preset-btn:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px;background:color-mix(in srgb,var(--md-sys-color-surface-container),var(--md-sys-color-on-surface) 10%)}.preset-btn:active{background:color-mix(in srgb,var(--md-sys-color-surface-container),var(--md-sys-color-on-surface) 10%)}.preset-btn.selected,.preset-btn[aria-pressed=true]{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-color:transparent}.frequency-card{border-radius:12px;background:var(--md-sys-color-surface-container-low, #1a2332);box-shadow:var(--md-sys-elevation-1);padding:24px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;position:relative;margin-bottom:16px;min-width:280px;flex:1;border:1px solid var(--md-sys-color-outline-variant, rgba(255, 255, 255, .12));gap:16px}.frequency-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:16px;flex-wrap:wrap;width:100%}.frequency-label{display:flex;align-items:center;font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface-variant);gap:8px;flex-shrink:0}.frequency-label svg{width:20px;height:20px;stroke:var(--md-sys-color-on-surface-variant);flex-shrink:0}.frequency-value{font:var(--md-sys-typescale-headline-large);font-weight:600;font-variant-numeric:tabular-nums;color:var(--md-sys-color-on-surface);letter-spacing:-.01em;transition:opacity var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);flex-shrink:0}.frequency-value:not(input){cursor:pointer;border-radius:var(--md-sys-shape-corner-small);padding:4px 12px;position:relative;background:transparent;border:1px dashed var(--md-sys-color-outline-variant);min-width:100px;text-align:center;min-height:48px;display:inline-flex;align-items:center;justify-content:center}.frequency-value:not(input):hover{background:rgba(130,177,255,var(--md-sys-state-hover-opacity));border-color:var(--md-sys-color-outline)}.frequency-value:not(input):focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px;background:rgba(130,177,255,var(--md-sys-state-focus-opacity))}.frequency-value:not(input):active{background:rgba(130,177,255,var(--md-sys-state-pressed-opacity));transform:scale(.98)}.editable-value:not(input):after{content:"";display:inline-block;width:16px;height:16px;margin-left:8px;opacity:.6;vertical-align:middle;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2382b1ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;transition:opacity var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard);flex-shrink:0}.editable-value:not(input):hover:after{opacity:1}.frequency-card input[type=number].frequency-value,.frequency-card input.editable-input{background:var(--md-sys-color-surface-container-highest);border:2px solid var(--md-sys-color-primary);border-radius:var(--md-sys-shape-corner-small);outline:none;color:var(--md-sys-color-on-surface);font:var(--md-sys-typescale-headline-large);font-weight:600;font-variant-numeric:tabular-nums;width:auto;min-width:120px;min-height:48px;text-align:center;padding:4px 12px}.frequency-card input[type=number].frequency-value:focus,.frequency-card input.editable-input:focus{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-surface-container-highest);box-shadow:0 0 0 3px #82b1ff33}.frequency-card input[type=number]::-webkit-inner-spin-button,.frequency-card input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.frequency-card input[type=number]{-moz-appearance:textfield}.binauro-slider{margin-top:8px;width:100%;position:relative;--slider-track-active: var(--md-sys-color-primary);--slider-track-inactive: var(--md-sys-color-secondary-container);--slider-handle: var(--md-sys-color-primary);--slider-handle-size: 24px;--slider-track-height: 4px;padding:22px 0}.binauro-slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:var(--slider-track-height);background:var(--slider-track-inactive);border-radius:var(--md-sys-shape-corner-full);outline:none;margin:0;padding:0;cursor:pointer;position:relative;z-index:2}.binauro-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--slider-handle-size);height:var(--slider-handle-size);border-radius:var(--md-sys-shape-corner-full);background:var(--slider-handle);border:none;box-shadow:var(--md-sys-elevation-1);cursor:pointer;transition:box-shadow var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard);position:relative;z-index:3}.binauro-slider input[type=range]:focus{outline:none}.binauro-slider input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--md-sys-color-surface),0 0 0 4px var(--md-sys-color-primary)}.binauro-slider input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 8px rgba(130,177,255,var(--md-sys-state-hover-opacity)),var(--md-sys-elevation-2)}.binauro-slider input[type=range]:active::-webkit-slider-thumb{transform:scale(.9);box-shadow:0 0 0 10px rgba(130,177,255,var(--md-sys-state-pressed-opacity)),var(--md-sys-elevation-1)}.binauro-slider input[type=range]::-moz-range-thumb{width:var(--slider-handle-size);height:var(--slider-handle-size);border-radius:var(--md-sys-shape-corner-full);background:var(--slider-handle);border:none;box-shadow:var(--md-sys-elevation-1);cursor:pointer;transition:box-shadow var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.binauro-slider input[type=range]:hover::-moz-range-thumb{box-shadow:0 0 0 8px rgba(130,177,255,var(--md-sys-state-hover-opacity)),var(--md-sys-elevation-2)}.binauro-slider input[type=range]:active::-moz-range-thumb{transform:scale(.9);box-shadow:0 0 0 10px rgba(130,177,255,var(--md-sys-state-pressed-opacity)),var(--md-sys-elevation-1)}.binauro-slider input[type=range]::-ms-thumb{width:var(--slider-handle-size);height:var(--slider-handle-size);border-radius:var(--md-sys-shape-corner-full);background:var(--slider-handle);border:none}.binauro-slider input[type=range]::-webkit-slider-runnable-track{height:var(--slider-track-height);background:transparent;border-radius:var(--md-sys-shape-corner-full);position:relative;z-index:2}.binauro-slider .slider-progress{content:"";display:block;position:absolute;height:var(--slider-track-height, 4px);background:var(--slider-track-active);border-radius:var(--md-sys-shape-corner-full);left:0;top:50%;transform:translateY(-50%);z-index:1;pointer-events:none;width:0%;transition:width var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.beat-control{margin-bottom:var(--spacing-lg)}.beat-display{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large);flex-wrap:wrap}.beat-value-container{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:12px 24px;background:var(--md-sys-color-primary-container);border-radius:var(--md-sys-shape-corner-full)}.beat-value{font:var(--md-sys-typescale-display-small);color:var(--md-sys-color-on-primary-container);min-width:6ch;text-align:center;font-variant-numeric:tabular-nums}.btn-adjust,.btn-play{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;-webkit-user-select:none;user-select:none;font:var(--md-sys-typescale-label-large);transition:background var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard);min-height:48px;min-width:48px}.btn-adjust{padding:10px 24px;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.btn-adjust:hover{background:color-mix(in srgb,var(--md-sys-color-secondary-container),var(--md-sys-color-on-secondary-container) 8%);box-shadow:var(--md-sys-elevation-1)}.btn-adjust:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px;background:color-mix(in srgb,var(--md-sys-color-secondary-container),var(--md-sys-color-on-secondary-container) 10%)}.btn-adjust:active{background:color-mix(in srgb,var(--md-sys-color-secondary-container),var(--md-sys-color-on-secondary-container) 10%);transform:scale(.98)}.btn-play{width:56px;height:56px;border-radius:var(--md-sys-shape-corner-large);padding:0;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);box-shadow:var(--md-sys-elevation-3)}.btn-play:hover{background:color-mix(in srgb,var(--md-sys-color-primary-container),var(--md-sys-color-on-primary-container) 8%);box-shadow:var(--md-sys-elevation-4)}.btn-play:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px;background:color-mix(in srgb,var(--md-sys-color-primary-container),var(--md-sys-color-on-primary-container) 10%)}.btn-play:active{background:color-mix(in srgb,var(--md-sys-color-primary-container),var(--md-sys-color-on-primary-container) 10%);transform:scale(.95);box-shadow:var(--md-sys-elevation-3)}.btn-play.playing{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.btn-play .icon{width:24px;height:24px}.adjust-label{font:var(--md-sys-typescale-label-large)}.btn-adjust .icon{width:18px;height:18px}.frequency-sliders{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.slider-container{background:var(--md-sys-color-surface);padding:var(--spacing-lg);border-radius:var(--radius-md)}.status-indicator{margin-top:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);background:#82b1ff1a;border-radius:var(--radius-sm);text-align:center;font-size:.875rem;color:var(--md-sys-color-on-surface-variant)}.volume-control{margin:var(--spacing-lg) 0;padding:var(--spacing-md) var(--spacing-lg);background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large);display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-md)}.volume-label{font:var(--md-sys-typescale-label-large);color:var(--md-sys-color-on-surface-variant);flex-shrink:0}.volume-slider{flex-grow:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--md-sys-color-secondary-container);border-radius:var(--md-sys-shape-corner-full);cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--md-sys-color-primary);border-radius:var(--md-sys-shape-corner-full);width:24px;height:24px;border:none;box-shadow:var(--md-sys-elevation-1);cursor:pointer;transition:box-shadow var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.volume-slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 8px rgba(130,177,255,var(--md-sys-state-hover-opacity)),var(--md-sys-elevation-2)}.volume-slider::-webkit-slider-thumb:active{transform:scale(.9)}.volume-slider::-moz-range-thumb{background:var(--md-sys-color-primary);border-radius:var(--md-sys-shape-corner-full);width:24px;height:24px;border:none;box-shadow:var(--md-sys-elevation-1);cursor:pointer}.volume-slider:focus-visible{outline:none}.volume-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--md-sys-color-surface),0 0 0 4px var(--md-sys-color-primary)}.volume-value{font:var(--md-sys-typescale-body-medium);font-variant-numeric:tabular-nums;color:var(--md-sys-color-on-surface);min-width:4ch;text-align:right}.beat-value-glow{position:relative;display:flex;align-items:center;justify-content:center;padding:18px 0}.beat-value-container{position:relative;box-shadow:0 0 44px 16px #82b1ff40;border-radius:var(--radius-full);background:radial-gradient(ellipse at center,rgba(130,177,255,.22) 10%,rgba(130,177,255,.06) 90%,transparent 100%)}.beat-value-glow:before{content:"";position:absolute;left:50%;top:50%;width:180px;height:120px;transform:translate(-50%,-50%);pointer-events:none;border-radius:80px;background:radial-gradient(circle at 50% 50%,rgba(130,177,255,.27) 0%,rgba(130,177,255,.11) 50%,transparent 95%);opacity:.66;z-index:0;filter:blur(18px)}.wave-svg{display:block;width:120px;height:22px;animation:waveLoop 7s linear infinite;filter:drop-shadow(0px 2px 12px #009cff66)}@keyframes waveLoop{0%{transform:translate(0)}to{transform:translate(-36px)}}.wave-path{stroke:#82b1ff;filter:drop-shadow(0px 0px 8px #82b1ff88)}.safety-messaging{margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-medium);border-left:3px solid var(--md-sys-color-tertiary)}.safety-content{display:flex;align-items:flex-start;gap:var(--spacing-md)}.safety-icon{flex-shrink:0;color:var(--md-sys-color-tertiary);margin-top:2px}.safety-text{flex:1}.safety-text p{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface);margin:0 0 4px}.safety-text p:last-child{margin-bottom:0}.safety-disclaimer{font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant);margin:var(--spacing-sm) 0 0 0;padding-top:var(--spacing-sm);border-top:1px solid var(--md-sys-color-outline-variant)}@media (max-width: 900px){body,.control-panel{padding:var(--spacing-md)}.frequency-sliders{grid-template-columns:1fr;gap:var(--spacing-md)}.frequency-card{padding:var(--spacing-md);min-width:unset}.frequency-header{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.frequency-label{justify-content:center}.frequency-value:not(input){width:100%;justify-content:center}}@media (max-width: 768px){.beat-display{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.svg-wave{display:none}.beat-value-container{order:-1}.btn-adjust{width:100%;justify-content:center}.presets-panel{padding:var(--spacing-md)}.preset-list{justify-content:center}.volume-control{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.volume-label,.volume-value{text-align:center}.safety-messaging{padding:var(--spacing-md)}.safety-content{flex-direction:column;align-items:center;text-align:center}.safety-disclaimer{text-align:center}}@media (max-width: 480px){body{padding:var(--spacing-sm)}.control-panel{border-radius:var(--md-sys-shape-corner-large)}.beat-value{font:var(--md-sys-typescale-headline-medium)}.frequency-value{font:var(--md-sys-typescale-title-large)}.preset-btn{flex:1 1 auto;min-width:120px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.wave-svg{animation:none}}@media (prefers-contrast: more){.btn-adjust,.btn-play{border:2px solid currentColor}.slider,.binauro-slider input[type=range]{border:1px solid var(--md-sys-color-outline)}.frequency-card{border:2px solid var(--md-sys-color-outline)}.frequency-value:not(input){border:2px solid var(--md-sys-color-outline)}.preset-btn{border:2px solid var(--md-sys-color-outline)}}@media (min-resolution: 1dppx){.btn-adjust,.btn-play,.preset-btn,.frequency-value:not(input){min-height:48px}}*:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}*:focus:not(:focus-visible){outline:none}button:focus-visible,input:focus-visible,[role=button]:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid var(--md-sys-color-primary);outline-offset:2px;box-shadow:0 0 0 6px #82b1ff33}.binauro-slider input[type=range]:focus-visible,.volume-slider:focus-visible{outline:none}.skip-link{position:absolute;top:-100px;left:50%;transform:translate(-50%);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--md-sys-shape-corner-medium);z-index:9999;font:var(--md-sys-typescale-label-large);text-decoration:none}.skip-link:focus{top:var(--spacing-md)}