body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.App{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;text-align:center}.demo-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:20px;box-shadow:0 8px 32px #1f26875e;margin:.5rem;max-width:1600px;padding:1rem;width:98%}.main-layout{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:1rem}.left-column{border-right:1px solid #ffffff1a;padding-right:.5rem}.left-column,.right-column{display:flex;flex-direction:column;gap:1rem}.right-column{padding-left:.5rem}.title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;background-clip:text;font-size:2rem;margin-bottom:.3rem}.subtitle{font-size:1rem;margin-bottom:.8rem;opacity:.9}.controls-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;margin:0;padding:1rem}.section-title{color:#4ecdc4;font-size:1.2rem;margin-bottom:.8rem}.sound-selector{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:1rem}.sound-button{background:#ffffff1a;border:2px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;font-size:.9rem;padding:.6rem;transition:all .3s ease}.sound-button:hover{background:#fff3;transform:translateY(-2px)}.sound-button.active{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border-color:#fff}.sound-button.disabled{cursor:not-allowed;opacity:.5}.position-controls{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin:1rem 0}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-label{align-items:center;color:#4ecdc4;display:flex;flex-wrap:wrap;font-size:1.1rem;font-weight:700;justify-content:space-between}.realtime-indicator{animation:pulse-text 1.5s infinite;color:#ff6b6b;font-size:.8rem;font-weight:400;margin-left:1rem}@keyframes pulse-text{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.slider-container{align-items:center;display:flex;gap:1rem}.slider{-webkit-appearance:none;appearance:none;background:#fff3;border-radius:4px;cursor:pointer;flex:1 1;height:8px;outline:none;transition:all .2s ease}.slider:hover{background:#ffffff4d;height:10px}.slider:disabled{cursor:not-allowed;opacity:.5}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border-radius:50%;box-shadow:0 2px 8px #0000004d;cursor:pointer;height:20px;width:20px}.slider::-moz-range-thumb{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border:none;border-radius:50%;box-shadow:0 2px 8px #0000004d;cursor:pointer;height:20px;width:20px}.value-display{background:#ffffff1a;border-radius:8px;font-weight:700;min-width:60px;padding:.5rem;text-align:center}.spatial-visualizer{background:radial-gradient(circle,#ffffff1a 0,#ffffff0d 100%);border:2px solid #ffffff4d;border-radius:50%;height:300px;margin:2rem auto;position:relative;width:300px}.head-indicator{align-items:center;background:#fffc;display:flex;font-size:1.5rem;height:40px;justify-content:center;left:50%;top:50%;width:40px}.head-indicator,.sound-position{border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.sound-position{animation:pulse 2s infinite;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);box-shadow:0 0 20px #ff6b6b99;height:20px;width:20px}@keyframes pulse{0%{box-shadow:0 0 20px #ff6b6b99}50%{box-shadow:0 0 30px #ff6b6bcc}to{box-shadow:0 0 20px #ff6b6b99}}.play-controls-inline{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;display:flex;flex-direction:column;gap:.8rem;margin-top:1rem;padding:1rem}.control-button-main{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border:none;border-radius:15px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;min-width:160px;padding:.8rem 2rem;transition:all .3s ease}.control-button-main:hover:not(:disabled){box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-3px)}.control-button-main:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.current-sound-info{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;font-size:1rem;padding:.8rem 1.5rem;text-align:center}.current-sound-info strong{color:#4ecdc4}.info-panel{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;margin-top:2rem;padding:1.5rem;text-align:left}.warning{background:#ffc10733;border:1px solid #ffc10766;border-radius:8px;font-size:.9rem;margin-bottom:.8rem;padding:.6rem;text-align:center}.instructions{font-size:.9rem;line-height:1.6;opacity:.9}.instructions ul{margin:1rem 0;padding-left:1.5rem}.instructions li{margin:.5rem 0}.preset-buttons,.preset-controls{margin-bottom:1rem}.preset-buttons{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.preset-button{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:.8rem;padding:.4rem .6rem;transition:all .3s ease}.preset-button:hover:not(:disabled){background:#fff3;transform:translateY(-1px)}.preset-button:disabled{cursor:not-allowed;opacity:.5}.utility-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.utility-button{background:#ffffff1a;border:2px solid #ffffff4d;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.utility-button:hover:not(:disabled){background:#fff3;transform:translateY(-2px)}.utility-button.active{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border-color:#fff}.utility-button:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.demo-container{margin:.5rem;padding:1rem}.title{font-size:2rem}.position-controls{gap:1rem;grid-template-columns:1fr}.spatial-visualizer{height:250px;width:250px}.sound-selector{grid-template-columns:1fr 1fr}.preset-buttons{grid-template-columns:repeat(4,1fr)}.utility-buttons{flex-direction:column}.play-controls-inline{padding:1rem}.control-button-main{font-size:1.1rem;min-width:180px;padding:1rem 2rem}.current-sound-info{font-size:.9rem;padding:.6rem 1rem}}.hrtf-selector{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:.8rem}.hrtf-button{align-items:center;background:#4cecc41a;border:2px solid #4cecc44d;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;justify-content:space-between;padding:.6rem;position:relative;text-align:left;transition:all .3s ease}.hrtf-button:hover:not(:disabled){background:#4cecc433;border-color:#4cecc480;transform:translateY(-2px)}.hrtf-button.active{background:linear-gradient(45deg,#4ecdc4,#45b7aa);border-color:#fff;box-shadow:0 4px 15px #4ecdc466}.hrtf-button.disabled{cursor:not-allowed;opacity:.5;transform:none}.sofa-indicator{font-size:1.2rem;margin-left:.5rem}.hrtf-info{background:#4cecc41a;border:1px solid #4cecc44d;border-radius:8px;margin-top:1rem;padding:1rem}.hrtf-info p{margin:.5rem 0}.hrtf-info strong{color:#4ecdc4}.sofa-status{background:#0003;border-left:3px solid #4ecdc4;border-radius:5px;margin-top:.5rem;padding:.5rem}@media (max-width:1024px) and (min-width:769px){.demo-container{max-width:90%;padding:1.5rem}.main-layout{gap:1.5rem}.controls-section{padding:1.2rem}.sound-selector{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.position-controls{gap:1rem;grid-template-columns:1fr}.asmr-params{gap:.8rem;grid-template-columns:1fr}}.asmr-mode-toggle{margin-bottom:1rem;text-align:center}.asmr-toggle-button{background:#ff6b6b1a;border:2px solid #ff6b6b4d;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-bottom:.5rem;padding:.6rem 1.5rem;transition:all .3s ease}.asmr-toggle-button:hover:not(:disabled){background:#ff6b6b33;transform:translateY(-2px)}.asmr-toggle-button.active{background:linear-gradient(45deg,#ff6b6b,#ff8e8e);border-color:#fff;box-shadow:0 4px 15px #ff6b6b66}.asmr-toggle-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.asmr-controls{background:#ff6b6b0d;border:1px solid #ff6b6b33;border-radius:12px;margin-top:.8rem;padding:.8rem}.asmr-controls h4{color:#ff6b6b;font-size:1rem;margin-bottom:.6rem}.asmr-presets{margin-bottom:1rem}.asmr-presets label{color:#ff8e8e;display:block;font-weight:700;margin-bottom:.5rem}.preset-buttons-asmr{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.asmr-preset-button{background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem;transition:all .3s ease}.asmr-preset-button:hover:not(:disabled){background:#ff6b6b33;transform:translateY(-1px)}.asmr-preset-button:disabled{cursor:not-allowed;opacity:.5}.asmr-params{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.asmr-param-group{display:flex;flex-direction:column;gap:.5rem}.asmr-param-label{align-items:center;color:#ff8e8e;display:flex;font-size:.9rem;justify-content:space-between}.param-value{color:#ff6b6b;font-weight:700}.asmr-slider{-webkit-appearance:none;appearance:none;background:#ff6b6b33;border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.asmr-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(45deg,#ff6b6b,#ff8e8e);border-radius:50%;box-shadow:0 2px 8px #ff6b6b4d;cursor:pointer;height:18px;width:18px}.asmr-slider::-moz-range-thumb{background:linear-gradient(45deg,#ff6b6b,#ff8e8e);border:none;border-radius:50%;box-shadow:0 2px 8px #ff6b6b4d;cursor:pointer;height:18px;width:18px}.asmr-checkbox-label{align-items:center;color:#ff8e8e;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;grid-column:1/-1;justify-self:center;margin-top:.5rem}.asmr-checkbox-label input[type=checkbox]{accent-color:#ff6b6b;height:16px;width:16px}@media (max-width:768px){.hrtf-selector{grid-template-columns:1fr}.hrtf-button{font-size:.8rem;padding:.8rem}.asmr-params{grid-template-columns:1fr}.asmr-toggle-button{font-size:1rem;padding:.8rem 1.5rem}.preset-buttons-asmr{grid-template-columns:1fr 1fr}.asmr-controls{padding:1rem}.main-layout{gap:1rem;grid-template-columns:1fr}.demo-container{margin:.5rem;max-width:100%;padding:1rem;width:95%}.left-column,.right-column{gap:1rem;padding-left:0;padding-right:0}.left-column{border-right:none}.controls-section{padding:1rem}}
/*# sourceMappingURL=main.04ecba4d.css.map*/