.filter-inactive-info[data-v-d18131d9]{padding:1rem;text-align:center;opacity:.7}.recorder-controls[data-v-7867f5b4]{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.recorder-field[data-v-7867f5b4]{display:flex;flex-direction:column;gap:.4rem}.recorder-field .form-select[data-v-7867f5b4]{width:auto;min-width:140px}.recorder-actions[data-v-7867f5b4]{display:flex;gap:.5rem;flex-direction:row;align-items:center}.recording-success[data-v-7867f5b4]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;margin-top:.75rem;background:linear-gradient(135deg,#28a74526,#28a7450d);border:1px solid rgba(40,167,69,.3);border-radius:8px;color:#28a745;font-weight:500;animation:successFadeIn-7867f5b4 .4s ease-out}.recording-success i[data-v-7867f5b4]{font-size:1.2rem;animation:successPulse-7867f5b4 1s ease-in-out}.download-ready[data-v-7867f5b4]{animation:downloadPulse-7867f5b4 .6s ease-out;border-color:#28a745!important;color:#28a745!important}.download-ready[data-v-7867f5b4]:hover{background-color:#28a745!important;color:#fff!important}@keyframes successFadeIn-7867f5b4{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes successPulse-7867f5b4{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes downloadPulse-7867f5b4{0%{transform:scale(1);box-shadow:0 0 #28a74580}50%{transform:scale(1.05);box-shadow:0 0 0 8px #28a74500}to{transform:scale(1);box-shadow:0 0 #28a74500}}.convert-section[data-v-7867f5b4]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin-top:.75rem;background:linear-gradient(135deg,#6495ed1a,#6495ed08);border:1px solid rgba(100,149,237,.25);border-radius:8px}.convert-label[data-v-7867f5b4]{font-size:.9rem;opacity:.85;white-space:nowrap}.convert-actions[data-v-7867f5b4]{display:flex;gap:.5rem}.convert-progress[data-v-7867f5b4]{padding:.75rem 1rem;margin-top:.75rem;background:linear-gradient(135deg,#ffc1071a,#ffc10708);border:1px solid rgba(255,193,7,.25);border-radius:8px;font-size:.9rem}.convert-download[data-v-7867f5b4]{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;animation:successFadeIn-7867f5b4 .4s ease-out}@media (max-width: 768px){.recorder-controls[data-v-7867f5b4]{flex-direction:column;align-items:stretch}.recorder-field .form-select[data-v-7867f5b4]{width:100%}.recorder-actions[data-v-7867f5b4]{flex-direction:column}.convert-section[data-v-7867f5b4]{flex-direction:column;align-items:flex-start}.convert-download[data-v-7867f5b4]{flex-direction:column;align-items:stretch}}@font-face{font-family:Supreme;font-weight:400;font-style:normal;font-display:swap;src:url(/alarmtool/assets/Supreme-Regular-4XHPfODv.woff2) format("woff2")}@font-face{font-family:Supreme;font-weight:500;font-style:normal;font-display:swap;src:url(/alarmtool/assets/Supreme-Medium-r1fq46EK.woff2) format("woff2")}@font-face{font-family:Supreme;font-weight:700;font-style:normal;font-display:swap;src:url(/alarmtool/assets/Supreme-Bold-tOPSM1Q8.woff2) format("woff2")}:root{--ds-surface-0: #0a1324;--ds-surface-1: #111d33;--ds-surface-2: #182741;--ds-surface-3: #1f3050;--ds-border: #223553;--ds-border-strong: #2f4668;--ds-text: #f2eee2;--ds-text-2: #a7b3c4;--ds-text-3: #8593a8;--ds-accent: #d4a257;--ds-accent-hover: #e0b06a;--ds-accent-soft: rgba(212, 162, 87, .14);--ds-on-accent: #0a1324;--ds-link: #6aaef5;--ds-success: #5fcf8a;--ds-warning: #e3b341;--ds-danger: #ef6b6b;--ds-info: #6aaef5;--ds-focus-ring: 0 0 0 2px var(--ds-surface-0), 0 0 0 4px var(--ds-accent);--ds-shadow-overlay: 0 8px 24px rgba(0, 0, 0, .35);--ds-font-sans: "Supreme", sans-serif;--ds-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ds-text-xs: 12px;--ds-text-sm: 13px;--ds-text-md: 14px;--ds-text-lg: 16px;--ds-text-xl: 20px;--ds-text-2xl: 24px;--ds-text-3xl: 32px;--ds-weight-regular: 400;--ds-weight-medium: 500;--ds-weight-semibold: 600;--ds-weight-bold: 700;--ds-leading: 1.5;--ds-leading-tight: 1.25;--ds-tracking-tight: -.01em;--ds-space-1: 4px;--ds-space-2: 8px;--ds-space-3: 12px;--ds-space-4: 16px;--ds-space-5: 20px;--ds-space-6: 24px;--ds-space-8: 32px;--ds-space-10: 40px;--ds-space-12: 48px;--ds-space-16: 64px;--ds-radius-sm: 6px;--ds-radius-md: 10px;--ds-radius-lg: 16px;--ds-radius-full: 999px;--ds-border-width: 1px;--ds-duration: .15s;--ds-duration-slow: .25s;--ds-ease: cubic-bezier(.2, 0, 0, 1);--ds-control-sm: 28px;--ds-control-md: 36px;--ds-control-lg: 40px;--ds-row-height: 44px;--ds-topbar-height: 56px;--ds-player-height: 60px;--ds-icon-sm: 16px;--ds-icon-md: 20px;--ds-icon-stroke: 1.75;--ds-container: 1200px;--ds-gutter: 24px;--ds-gap: 20px;--ds-z-topbar: 500;--ds-z-player: 900;--ds-z-backdrop: 1000;--ds-z-dialog: 1001;--ds-z-toast: 9999}[data-theme=light]{--ds-surface-0: #f6f5f1;--ds-surface-1: #ffffff;--ds-surface-2: #f0eee8;--ds-surface-3: #e8e5dd;--ds-border: #e2dfd7;--ds-border-strong: #cbc6ba;--ds-text: #14213a;--ds-text-2: #3f4a60;--ds-text-3: #5f6b84;--ds-accent: #c9984d;--ds-accent-hover: #b8842f;--ds-accent-soft: rgba(201, 152, 77, .16);--ds-on-accent: #14213a;--ds-link: #0f5aa8;--ds-success: #177a42;--ds-warning: #9a6416;--ds-danger: #c93c3c;--ds-info: #0f5aa8;--ds-focus-ring: 0 0 0 2px var(--ds-surface-0), 0 0 0 4px var(--ds-accent);--ds-shadow-overlay: 0 8px 24px rgba(20, 33, 58, .12)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:dark}[data-theme=light]{color-scheme:light}body,.section,.preset-card,.faq-item,.tab-btn,.form-control,.form-select,.btn,.toast-item,.toggle-slider{transition:background-color var(--ds-duration-slow) var(--ds-ease),color var(--ds-duration-slow) var(--ds-ease),border-color var(--ds-duration-slow) var(--ds-ease)}body{font-family:var(--ds-font-sans);font-size:var(--ds-text-lg);line-height:var(--ds-leading);color:var(--ds-text);background:var(--ds-surface-0);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:var(--ds-text);font-weight:var(--ds-weight-semibold);line-height:var(--ds-leading-tight)}h1{font-size:var(--ds-text-2xl);font-weight:var(--ds-weight-bold);letter-spacing:var(--ds-tracking-tight)}h2{font-size:var(--ds-text-xl);margin-bottom:var(--ds-space-4)}.mb-3{margin-bottom:var(--ds-space-4)}.mt-2{margin-top:var(--ds-space-2)}.mt-3{margin-top:var(--ds-space-4)}.small-text,.form-text{font-size:var(--ds-text-sm);line-height:var(--ds-leading);color:var(--ds-text-3);margin-top:var(--ds-space-1)}.text-muted{color:var(--ds-text-2)}.timer{margin-top:var(--ds-space-2);font-size:var(--ds-text-md);font-weight:var(--ds-weight-semibold);color:var(--ds-text)}.progress{background-color:var(--ds-border-strong);border-radius:var(--ds-radius-full);height:8px;overflow:hidden}.progress-bar{background-color:var(--ds-accent);height:100%;border-radius:var(--ds-radius-full);transition:width var(--ds-duration-slow) var(--ds-ease)}button,[role=button],select,input[type=range]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body>:not(#app):not(script):not(.cookie-banner):not(.cookie-consent):not([class*=cookie]){background-color:transparent!important}:where(body>:not(#app):not(script):not(.cookie-banner):not(.cookie-consent):not([class*=cookie])) :where(*:not(.cookie-banner):not(.cookie-consent):not([class*=cookie])){background-color:transparent!important}body>:not(#app):not(script) [class*=drop],body>:not(#app):not(script) [class*=sub-menu],body>:not(#app):not(script) [class*=submenu],body>:not(#app):not(script) [class*=popup],body>:not(#app):not(script) [class*=popover],body>:not(#app):not(script) [class*=megamenu]{background-color:var(--ds-surface-1)!important}body>:not(#app):not(script) span:empty{background-color:currentColor!important;border-color:currentColor!important}body>:not(#app):not(script) [aria-expanded]>span:empty,body>:not(#app):not(script) [aria-expanded]>span>span:empty,body>:not(#app):not(script) [aria-expanded]>div>span:empty{background-color:currentColor!important;border-color:currentColor!important}body>:not(#app):not(script) button svg line,body>:not(#app):not(script) button svg path,body>:not(#app):not(script) button svg rect,body>:not(#app):not(script) [aria-expanded] svg line,body>:not(#app):not(script) [aria-expanded] svg path,body>:not(#app):not(script) [aria-expanded] svg rect,body>:not(#app):not(script) [role=button] svg line,body>:not(#app):not(script) [role=button] svg path,body>:not(#app):not(script) [role=button] svg rect{stroke:currentColor!important;fill:currentColor!important}body>:not(#app):not(script) [class*=toggler-icon]{filter:brightness(0) saturate(100%)!important}:root:not([data-theme=light]) body>:not(#app):not(script) [class*=toggler-icon]{filter:brightness(0) saturate(100%) invert(1)!important}.cookie-banner,.cookie-consent,[class*=cookie-banner],[class*=cookie-consent],[id*=cookie-banner],[id*=cookie-consent]{z-index:10000!important;position:fixed!important}body>:not(#app):not(script):not(.cookie-banner):not(.cookie-consent):not([class*=cookie]):not([id*=cookie]),body>:not(#app):not(script):not(.cookie-banner):not(.cookie-consent):not([class*=cookie]):not([id*=cookie]) *:not([class*=cookie]):not([id*=cookie]){color:var(--ds-text)!important}body>:not(#app):not(script):not(.cookie-banner):not(.cookie-consent):not([class*=cookie]):not([id*=cookie]) a:not([class*=cookie]):not([id*=cookie]),body>:not(#app):not(script):not(.cookie-banner):not(.cookie-consent):not([class*=cookie]):not([id*=cookie]) a:not([class*=cookie]):not([id*=cookie]) *{color:var(--ds-link)!important}body>:not(#app):not(script):not(.cookie-banner):not(.cookie-consent):not([class*=cookie]):not([id*=cookie]) a:hover:not([class*=cookie]):not([id*=cookie]),body>:not(#app):not(script):not(.cookie-banner):not(.cookie-consent):not([class*=cookie]):not([id*=cookie]) a:hover:not([class*=cookie]):not([id*=cookie]) *{color:var(--ds-accent)!important}.main-container{max-width:var(--ds-container);margin:0 auto;padding:var(--ds-space-5) var(--ds-space-5) calc(var(--player-bar-height, 120px) + var(--ds-space-5))}.app-header{text-align:center;margin-bottom:var(--ds-space-6);padding:var(--ds-space-5) 0}.app-title{font-size:var(--ds-text-2xl);font-weight:var(--ds-weight-bold);letter-spacing:var(--ds-tracking-tight);margin-bottom:var(--ds-space-1)}.app-subtitle{font-size:var(--ds-text-md);color:var(--ds-text-2)}.tabs{display:flex;gap:2px;padding:2px;margin:0 auto var(--ds-space-6);max-width:720px;border:var(--ds-border-width) solid var(--ds-border);border-radius:var(--ds-radius-md);background-color:var(--ds-surface-0)}.tab-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-2);flex:1;height:calc(var(--ds-control-md) - 4px);padding:0 var(--ds-space-3);border:var(--ds-border-width) solid transparent;border-radius:var(--ds-radius-sm);background-color:transparent;color:var(--ds-text-2);font:inherit;font-size:var(--ds-text-sm);font-weight:var(--ds-weight-medium);line-height:1;white-space:nowrap;cursor:pointer;text-decoration:none}.tab-btn:hover{color:var(--ds-text)}.tab-btn:focus-visible{outline:none;box-shadow:var(--ds-focus-ring)}.tab-btn.active{background-color:var(--ds-surface-1);border-color:var(--ds-border-strong);color:var(--ds-text)}.tab-btn--link{flex:0 0 auto;margin-left:auto}.section{padding:var(--ds-space-5);margin-bottom:var(--ds-gap);border:var(--ds-border-width) solid var(--ds-border);border-radius:var(--ds-radius-lg);background:var(--ds-surface-1)}.section>h2,.section>div>h2{font-size:var(--ds-text-lg);font-weight:var(--ds-weight-semibold);line-height:var(--ds-leading);padding-bottom:var(--ds-space-3);margin-bottom:var(--ds-space-4);border-bottom:var(--ds-border-width) solid var(--ds-border)}.section-narrow{max-width:720px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.main-container{padding:var(--ds-space-3) var(--ds-space-4) calc(var(--player-bar-height, 120px) + var(--ds-space-5))}.app-header{margin-bottom:var(--ds-space-4);padding:var(--ds-space-3) 0}.app-title{font-size:var(--ds-text-xl)}.app-subtitle{font-size:var(--ds-text-sm)}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab-btn{flex:0 0 auto;padding:0 var(--ds-space-2);font-size:var(--ds-text-xs)}.section{padding:var(--ds-space-4);margin-bottom:var(--ds-space-4);border-radius:var(--ds-radius-md)}}@media (max-width: 480px){.main-container{padding:var(--ds-space-2) var(--ds-space-3) calc(var(--player-bar-height, 120px) + var(--ds-space-5))}.app-header{margin-bottom:var(--ds-space-3);padding:var(--ds-space-2) 0}.tabs{margin-bottom:var(--ds-space-5)}.tab-btn span{display:none}.tab-btn i{font-size:var(--ds-text-lg)}.section{padding:var(--ds-space-3)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-2);height:var(--ds-control-md);padding:0 var(--ds-space-4);border:var(--ds-border-width) solid var(--ds-border-strong);border-radius:var(--ds-radius-md);background-color:var(--ds-surface-2);color:var(--ds-text);font:inherit;font-size:var(--ds-text-md);font-weight:var(--ds-weight-medium);line-height:1;white-space:nowrap;cursor:pointer;text-decoration:none;transition:background-color var(--ds-duration) var(--ds-ease),border-color var(--ds-duration) var(--ds-ease),color var(--ds-duration) var(--ds-ease)}.btn:focus-visible{outline:none;box-shadow:var(--ds-focus-ring)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-secondary,.btn-outline-secondary{background-color:var(--ds-surface-2);border-color:var(--ds-border-strong);color:var(--ds-text)}.btn-secondary:hover:not(:disabled),.btn-outline-secondary:hover:not(:disabled){background-color:var(--ds-surface-3)}.btn-primary,.btn-success{background-color:var(--ds-accent);border-color:transparent;color:var(--ds-on-accent);font-weight:var(--ds-weight-semibold)}.btn-primary:hover:not(:disabled),.btn-success:hover:not(:disabled){background-color:var(--ds-accent-hover)}.btn-danger,.btn-outline-danger{background-color:transparent;border-color:transparent;color:var(--ds-danger)}.btn-danger:hover:not(:disabled),.btn-outline-danger:hover:not(:disabled){background-color:var(--ds-surface-2)}.btn-sm{height:var(--ds-control-sm);padding:0 var(--ds-space-3);border-radius:var(--ds-radius-sm);font-size:var(--ds-text-sm)}.btn i,.btn svg{flex-shrink:0;font-size:var(--ds-icon-sm)}.form-label{display:block;margin-bottom:var(--ds-space-1);font-size:var(--ds-text-sm);font-weight:var(--ds-weight-medium);color:var(--ds-text-2)}.form-control,.form-select{width:100%;height:var(--ds-control-lg);padding:0 var(--ds-space-3);border:var(--ds-border-width) solid var(--ds-border-strong);border-radius:var(--ds-radius-md);background-color:var(--ds-surface-2);color:var(--ds-text);font:inherit;font-size:var(--ds-text-md);transition:border-color var(--ds-duration) var(--ds-ease),box-shadow var(--ds-duration) var(--ds-ease)}.form-select{height:var(--ds-control-md);font-weight:var(--ds-weight-medium);cursor:pointer}.form-control::placeholder{color:var(--ds-text-3)}.form-control:focus-visible,.form-select:focus-visible{outline:none;border-color:var(--ds-accent);box-shadow:var(--ds-focus-ring)}.form-control:disabled,.form-select:disabled{opacity:.6;cursor:not-allowed}.form-select option{background-color:var(--ds-surface-1);color:var(--ds-text)}.form-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:var(--ds-radius-full);background:var(--ds-border-strong);outline:none;touch-action:pan-y;cursor:pointer}.form-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--ds-accent);border:2px solid var(--ds-surface-1);cursor:pointer}.form-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--ds-accent);border:2px solid var(--ds-surface-1);cursor:pointer}.form-range::-moz-range-track{height:6px;border-radius:var(--ds-radius-full);background:var(--ds-border-strong)}.form-range:focus-visible{box-shadow:var(--ds-focus-ring)}.form-range:disabled{opacity:.6;cursor:not-allowed}@media (pointer: coarse){.form-range{height:8px}.form-range::-webkit-slider-thumb{width:20px;height:20px}.form-range::-moz-range-thumb{width:20px;height:20px}}.slider-input-group{display:flex;align-items:center;gap:var(--ds-space-2)}.slider-input-group .form-range{flex:1}.slider-input-group .form-control{width:80px;height:var(--ds-control-md);flex-shrink:0;text-align:center;font-variant-numeric:tabular-nums}.control-group,.param-container{margin-bottom:var(--ds-space-4)}.toggle-switch{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0;cursor:pointer}.toggle-switch input{position:absolute;width:1px;height:1px;opacity:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--ds-radius-full);background-color:var(--ds-border-strong)}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background-color:var(--ds-surface-1);transition:transform var(--ds-duration) var(--ds-ease)}.toggle-switch input:checked+.toggle-slider{background-color:var(--ds-accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(16px)}.toggle-switch input:focus-visible+.toggle-slider{box-shadow:var(--ds-focus-ring)}@media (max-width: 768px){.slider-input-group .form-control{width:72px}.form-control,.form-select{font-size:var(--ds-text-lg)}}@media (max-width: 480px){.slider-input-group .form-control{width:64px}}.osc-master-detail{display:grid;grid-template-columns:280px 1fr;gap:var(--ds-gap);min-height:520px;align-items:start}.osc-sidebar{display:flex;flex-direction:column;gap:var(--ds-space-3);min-width:0}.osc-sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-2);padding:0 var(--ds-space-1)}.osc-sidebar-title{display:flex;align-items:center;gap:var(--ds-space-2);margin:0;font-size:var(--ds-text-lg);font-weight:var(--ds-weight-semibold);line-height:var(--ds-leading);color:var(--ds-text)}.osc-sidebar-title i{color:var(--ds-accent);font-size:var(--ds-icon-sm)}.osc-active-badge{display:inline-flex;align-items:center;flex-shrink:0;height:20px;padding:0 var(--ds-space-2);border-radius:var(--ds-radius-full);background:var(--ds-surface-2);color:var(--ds-text-2);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-semibold);font-variant-numeric:tabular-nums;white-space:nowrap}.osc-list{padding:var(--ds-space-1) 0}.osc-list-row{width:100%;display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-3);background:none;border:none;border-radius:var(--ds-radius-sm);cursor:pointer;text-align:left;font:inherit;color:var(--ds-text);position:relative;transition:background-color var(--ds-duration) var(--ds-ease)}.osc-list-row:hover{background:var(--ds-surface-3)}.osc-list-row:focus-visible{outline:none;box-shadow:var(--ds-focus-ring)}.osc-list-row--selected{background:var(--ds-accent-soft)}.osc-list-row--selected:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;background:var(--ds-accent);border-radius:0 2px 2px 0}.osc-list-row--disabled{opacity:.55}.osc-row-toggle{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;border-radius:50%;border:var(--ds-border-width) solid var(--ds-border-strong);transition:border-color var(--ds-duration) var(--ds-ease)}.osc-row-toggle:hover{border-color:var(--ds-accent)}.osc-row-toggle-dot{width:8px;height:8px;border-radius:50%;background:var(--ds-text-3);transition:background-color var(--ds-duration) var(--ds-ease)}.osc-row-toggle-dot--on{background:var(--ds-accent)}.osc-row-toggle:has(.osc-row-toggle-dot--on){border-color:var(--ds-accent)}.osc-row-name{font-size:var(--ds-text-sm);font-weight:var(--ds-weight-medium);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.osc-row-meta{font-size:var(--ds-text-xs);color:var(--ds-text-3);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.osc-row-meta--dim{font-style:italic}.osc-wave-chip,.osc-editor-wave-badge{display:inline-flex;align-items:center;height:18px;padding:0 var(--ds-space-1);border:var(--ds-border-width) solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-surface-2);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-semibold);letter-spacing:.04em;line-height:1;flex-shrink:0}.osc-wave-chip--sine{color:var(--ds-success)}.osc-wave-chip--square{color:var(--ds-accent)}.osc-wave-chip--sawtooth{color:var(--ds-danger)}.osc-wave-chip--triangle{color:var(--ds-info)}.osc-wave-chip--pulse{color:var(--ds-warning)}.osc-wave-chip--organ{color:var(--ds-text-2)}.osc-editor-panel{min-width:0}.osc-editor{background:var(--ds-surface-1);border:var(--ds-border-width) solid var(--ds-border);border-radius:var(--ds-radius-lg);overflow:hidden}.osc-editor--disabled{opacity:.65}.osc-editor-header{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4);padding:var(--ds-space-3) var(--ds-space-5);border-bottom:var(--ds-border-width) solid var(--ds-border)}.osc-editor-title-row{display:flex;align-items:center;gap:var(--ds-space-3)}.osc-editor-title{font-size:var(--ds-text-lg);font-weight:var(--ds-weight-semibold);line-height:var(--ds-leading);color:var(--ds-text);margin:0;display:flex;align-items:center;gap:var(--ds-space-2)}.osc-editor-actions{display:flex;gap:var(--ds-space-2);flex-shrink:0}.osc-action-label{font-size:var(--ds-text-sm)}.osc-editor-section{padding:var(--ds-space-4) var(--ds-space-5);border-bottom:var(--ds-border-width) solid var(--ds-border)}.osc-editor-section:last-child{border-bottom:none}.osc-wave-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ds-space-2)}.osc-wave-btn{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-1);padding:var(--ds-space-3) var(--ds-space-2);background:var(--ds-surface-2);border:var(--ds-border-width) solid var(--ds-border-strong);border-radius:var(--ds-radius-md);cursor:pointer;color:var(--ds-text-2);font:inherit;font-size:var(--ds-text-sm);font-weight:var(--ds-weight-medium);transition:background-color var(--ds-duration) var(--ds-ease),border-color var(--ds-duration) var(--ds-ease),color var(--ds-duration) var(--ds-ease)}.osc-wave-btn:hover:not(:disabled){border-color:var(--ds-accent);color:var(--ds-text)}.osc-wave-btn:focus-visible{outline:none;box-shadow:var(--ds-focus-ring)}.osc-wave-btn--active{background:var(--ds-accent-soft);border-color:var(--ds-accent);color:var(--ds-text)}.osc-wave-btn:disabled{opacity:.45;cursor:not-allowed}.osc-wave-icon{width:40px;height:20px;stroke-linecap:round;stroke-linejoin:round}.osc-section-label{display:flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--ds-text-3);margin-bottom:var(--ds-space-4)}.osc-section-label i{font-size:var(--ds-text-xs);color:var(--ds-accent)}.osc-params-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--ds-space-2) var(--ds-space-6)}.osc-adsr-toggle{display:flex;align-items:center;gap:var(--ds-space-2);width:100%;background:none;border:none;border-radius:var(--ds-radius-sm);color:var(--ds-text-3);font:inherit;font-size:var(--ds-text-xs);font-weight:var(--ds-weight-semibold);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;padding:0;margin-bottom:var(--ds-space-3);transition:color var(--ds-duration) var(--ds-ease)}.osc-adsr-toggle:hover:not(:disabled){color:var(--ds-text)}.osc-adsr-toggle:focus-visible{outline:none;box-shadow:var(--ds-focus-ring)}.osc-adsr-toggle:disabled{opacity:.45;cursor:not-allowed}.osc-adsr-toggle .fas{font-size:var(--ds-text-xs);color:var(--ds-accent)}.osc-adsr-body{padding-top:var(--ds-space-2)}.osc-editor-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ds-space-3);min-height:300px;color:var(--ds-text-3);font-size:var(--ds-text-md);border-radius:var(--ds-radius-lg);border:var(--ds-border-width) dashed var(--ds-border-strong)}.osc-editor-placeholder i{font-size:var(--ds-text-3xl);color:var(--ds-text-3)}.controls-disabled{pointer-events:none;opacity:.45}@media (max-width: 900px){.osc-master-detail{grid-template-columns:240px 1fr}.osc-wave-selector{grid-template-columns:repeat(2,1fr)}.osc-action-label{display:none}}@media (max-width: 640px){.osc-master-detail{grid-template-columns:1fr;grid-template-rows:auto 1fr}.osc-list{display:grid;grid-template-columns:repeat(2,1fr);padding:var(--ds-space-1);gap:2px}.osc-list-row--selected:before{top:0;bottom:auto;left:0;width:100%;height:3px;border-radius:var(--ds-radius-sm) var(--ds-radius-sm) 0 0}.osc-params-grid{grid-template-columns:1fr}.osc-wave-selector{grid-template-columns:repeat(3,1fr)}}@media (max-width: 420px){.osc-list{grid-template-columns:1fr}.osc-wave-selector{grid-template-columns:repeat(2,1fr)}}.collapsible{background:var(--ds-surface-1);border:var(--ds-border-width) solid var(--ds-border);border-radius:var(--ds-radius-md);overflow:hidden}.collapsible-header{display:flex;align-items:center;gap:var(--ds-space-2);width:100%;min-height:var(--ds-row-height);padding:var(--ds-space-2) var(--ds-space-3);background:none;border:none;color:var(--ds-text);cursor:pointer;text-align:left;font:inherit;transition:background-color var(--ds-duration) var(--ds-ease)}.collapsible-header:hover{background:var(--ds-surface-2)}.collapsible-header:focus-visible{outline:none;box-shadow:inset var(--ds-focus-ring)}.collapsible-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--ds-control-sm);height:var(--ds-control-sm);flex-shrink:0;border-radius:var(--ds-radius-sm);background:var(--ds-accent-soft);color:var(--ds-accent);font-size:var(--ds-text-sm)}.collapsible-title{font-size:var(--ds-text-sm);font-weight:var(--ds-weight-semibold)}.collapsible-summary{margin-left:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ds-text-xs);color:var(--ds-text-3)}.collapsible-chevron{margin-left:auto;flex-shrink:0;font-size:var(--ds-text-xs);color:var(--ds-text-3);transition:transform var(--ds-duration) var(--ds-ease)}.collapsible-summary+.collapsible-chevron{margin-left:var(--ds-space-2)}.collapsible--open .collapsible-chevron{transform:rotate(180deg)}.collapsible-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--ds-duration-slow) var(--ds-ease)}.collapsible--open .collapsible-body{grid-template-rows:1fr}.collapsible-inner{min-height:0;overflow:hidden}.collapsible--open .collapsible-inner{border-top:var(--ds-border-width) solid var(--ds-border)}.filter-save-options{margin-top:var(--ds-space-5)}.history{display:flex;flex-direction:column;gap:var(--ds-space-2)}.history-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--ds-space-2)}.history-btn{display:flex;align-items:center;justify-content:center;position:relative;gap:var(--ds-space-2);min-width:0;height:var(--ds-control-md);padding:0 var(--ds-space-3);border:var(--ds-border-width) solid var(--ds-border-strong);border-radius:var(--ds-radius-md);background:var(--ds-surface-2);color:var(--ds-text);font:inherit;font-size:var(--ds-text-sm);font-weight:var(--ds-weight-medium);line-height:1;cursor:pointer;transition:background-color var(--ds-duration) var(--ds-ease),border-color var(--ds-duration) var(--ds-ease)}.history-btn:hover:not(:disabled){background:var(--ds-surface-3)}.history-btn:focus-visible{outline:none;box-shadow:var(--ds-focus-ring)}.history-btn:disabled{opacity:.45;cursor:not-allowed}.history-icon{width:var(--ds-icon-sm);height:var(--ds-icon-sm);flex-shrink:0;fill:none;stroke:currentColor;stroke-width:var(--ds-icon-stroke);stroke-linecap:round;stroke-linejoin:round}.history-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-count{position:absolute;top:-7px;right:-7px;min-width:18px;height:18px;padding:0 var(--ds-space-1);border-radius:var(--ds-radius-full);background:var(--ds-accent);color:var(--ds-on-accent);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-semibold);line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--ds-surface-1)}.history-caption{margin:0;padding:0 var(--ds-space-1);min-height:1.2em;font-size:var(--ds-text-xs);color:var(--ds-text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-caption-key{font-weight:var(--ds-weight-semibold)}.player-bar{position:fixed;left:0;right:0;bottom:0;z-index:var(--ds-z-player);padding:var(--ds-space-3) var(--ds-space-5);padding-bottom:calc(var(--ds-space-3) + env(safe-area-inset-bottom,0px));background:var(--ds-surface-1);border-top:var(--ds-border-width) solid var(--ds-border);box-shadow:var(--ds-shadow-overlay)}.player-bar__inner{max-width:960px;margin:0 auto}.player-bar .player{background:none;border:none;border-radius:0;padding:0;gap:var(--ds-space-2)}.player-bar .player-hint{display:none}.player{background:var(--ds-surface-1);border:var(--ds-border-width) solid var(--ds-border);border-radius:var(--ds-radius-lg);padding:var(--ds-space-4) var(--ds-space-5);display:flex;flex-direction:column;gap:var(--ds-space-3)}.player-status-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-3)}.player-status-indicator{display:flex;align-items:center;gap:var(--ds-space-2)}.player-status-dot{width:8px;height:8px;border-radius:50%;background:var(--ds-text-3);flex-shrink:0;transition:background-color var(--ds-duration) var(--ds-ease)}.player-status--playing .player-status-dot{background:var(--ds-success);animation:pulse-dot 1.2s var(--ds-ease) infinite}.player-status--paused .player-status-dot{background:var(--ds-warning)}.player-status--stopped .player-status-dot{background:var(--ds-text-3)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.player-status-label{font-size:var(--ds-text-xs);font-weight:var(--ds-weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--ds-text-3);transition:color var(--ds-duration) var(--ds-ease)}.player-status--playing .player-status-label{color:var(--ds-success)}.player-status--paused .player-status-label{color:var(--ds-warning)}.player-track-name{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:var(--ds-space-2);font-size:var(--ds-text-sm);font-weight:var(--ds-weight-medium);color:var(--ds-text-2)}.player-track-name i{font-size:var(--ds-text-xs);color:var(--ds-accent);flex-shrink:0}.player-track-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-time-display{font-family:var(--ds-font-mono);font-size:var(--ds-text-sm);font-weight:var(--ds-weight-medium);font-variant-numeric:tabular-nums;color:var(--ds-text-2);flex-shrink:0}.player-progress-track{height:4px;border-radius:var(--ds-radius-full);background:var(--ds-border-strong);overflow:hidden}.player-progress-fill{height:100%;border-radius:var(--ds-radius-full);background:var(--ds-accent);transition:width var(--ds-duration-slow) linear}.player-controls-row{display:flex;align-items:center;gap:var(--ds-space-3)}.player-controls-gap{flex:1}.player-transport{display:inline-flex;align-items:center;gap:2px;height:var(--ds-control-md);padding:2px;background:var(--ds-surface-0);border:var(--ds-border-width) solid var(--ds-border);border-radius:var(--ds-radius-md)}.transport-btn{display:flex;align-items:center;justify-content:center;width:32px;height:100%;border:var(--ds-border-width) solid transparent;border-radius:var(--ds-radius-sm);background:none;color:var(--ds-text-2);font-size:var(--ds-text-sm);cursor:pointer;transition:background-color var(--ds-duration) var(--ds-ease),border-color var(--ds-duration) var(--ds-ease),color var(--ds-duration) var(--ds-ease)}.transport-btn:hover:not(:disabled){background:var(--ds-surface-2);color:var(--ds-text)}.transport-btn:focus-visible{outline:none;box-shadow:var(--ds-focus-ring)}.transport-btn:disabled{opacity:.45;cursor:not-allowed}.transport-btn--play.transport-btn--active{background:var(--ds-accent);color:var(--ds-on-accent);opacity:1}.player-aux-btn{display:flex;align-items:center;justify-content:center;width:var(--ds-control-md);height:var(--ds-control-md);border:var(--ds-border-width) solid var(--ds-border-strong);border-radius:var(--ds-radius-md);background:var(--ds-surface-2);color:var(--ds-text-2);font-size:var(--ds-text-sm);cursor:pointer;flex-shrink:0;transition:background-color var(--ds-duration) var(--ds-ease),color var(--ds-duration) var(--ds-ease),border-color var(--ds-duration) var(--ds-ease)}.player-aux-btn:hover{background:var(--ds-surface-3);color:var(--ds-text)}.player-aux-btn:focus-visible{outline:none;box-shadow:var(--ds-focus-ring)}.player-aux-btn--active{border-color:var(--ds-accent);color:var(--ds-accent)}.player-volume-group{display:flex;align-items:center;gap:var(--ds-space-2)}.player-volume-slider{width:72px;opacity:1;transition:opacity var(--ds-duration) var(--ds-ease)}.player-volume-slider--muted{opacity:.45}.player-volume-pct{font-size:var(--ds-text-xs);font-weight:var(--ds-weight-medium);color:var(--ds-text-3);min-width:2.8ch;text-align:right;font-variant-numeric:tabular-nums}.player-hint{font-size:var(--ds-text-xs);color:var(--ds-text-3);text-align:center;margin:0}@media (max-width: 520px){.player-volume-slider{width:52px}.player-volume-pct{display:none}}.settings-menu{display:flex;flex-direction:column;gap:var(--ds-space-2);padding:var(--ds-space-2)}.settings-menu-group{display:flex;flex-direction:column;gap:2px}.settings-menu-group+.settings-menu-group{padding-top:var(--ds-space-2);border-top:var(--ds-border-width) solid var(--ds-border)}.settings-menu-label{padding:var(--ds-space-1) var(--ds-space-2);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--ds-text-3)}.settings-menu-item{display:flex;align-items:center;gap:var(--ds-space-3);width:100%;padding:var(--ds-space-2);border:none;border-radius:var(--ds-radius-sm);background:none;color:var(--ds-text);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--ds-duration) var(--ds-ease)}.settings-menu-item:hover{background:var(--ds-surface-3)}.settings-menu-item:active{background:var(--ds-surface-2)}.settings-menu-item:focus-visible{outline:none;box-shadow:var(--ds-focus-ring)}.settings-menu-icon{display:flex;align-items:center;justify-content:center;width:var(--ds-control-sm);height:var(--ds-control-sm);flex-shrink:0;border-radius:var(--ds-radius-sm);background:var(--ds-accent-soft);color:var(--ds-accent);font-size:var(--ds-text-sm)}.settings-menu-text{display:flex;flex-direction:column;min-width:0}.settings-menu-name{font-size:var(--ds-text-sm);font-weight:var(--ds-weight-semibold);line-height:var(--ds-leading-tight)}.settings-menu-desc{font-size:var(--ds-text-xs);line-height:var(--ds-leading-tight);color:var(--ds-text-3)}.settings-import-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;pointer-events:none}.presets-intro{color:var(--ds-text-2);font-size:var(--ds-text-md);margin-bottom:var(--ds-space-5);line-height:var(--ds-leading)}.preset-active-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4);padding:var(--ds-space-3) var(--ds-space-4);margin-bottom:var(--ds-space-4);border:var(--ds-border-width) solid var(--ds-accent);border-radius:var(--ds-radius-md);background:var(--ds-accent-soft)}.preset-active-info{display:flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-text-md);color:var(--ds-text-2)}.preset-active-info i{color:var(--ds-accent)}.preset-active-info strong{color:var(--ds-text);font-weight:var(--ds-weight-semibold)}.preset-reset-btn{white-space:nowrap}.presets-grid{display:flex;flex-direction:column;gap:var(--ds-space-3);max-height:65vh;overflow-y:auto;padding-right:var(--ds-space-2);scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--ds-border-strong) transparent}.presets-grid::-webkit-scrollbar{width:8px}.presets-grid::-webkit-scrollbar-track{background:transparent}.presets-grid::-webkit-scrollbar-thumb{background:var(--ds-border-strong);border-radius:var(--ds-radius-full)}.preset-card{display:flex;align-items:center;gap:var(--ds-space-4);padding:var(--ds-space-4);border:var(--ds-border-width) solid var(--ds-border);border-radius:var(--ds-radius-md);background:var(--ds-surface-1);transition:border-color var(--ds-duration) var(--ds-ease)}.preset-card:hover{border-color:var(--ds-border-strong)}.preset-card.preset-active{border-color:var(--ds-accent);background:var(--ds-accent-soft)}.preset-icon{width:var(--ds-control-lg);height:var(--ds-control-lg);border-radius:var(--ds-radius-md);background:var(--ds-surface-2);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--ds-icon-md);color:var(--ds-accent)}.preset-info{flex:1;min-width:0}.preset-name{font-size:var(--ds-text-md);font-weight:var(--ds-weight-semibold);line-height:var(--ds-leading);color:var(--ds-text);margin-bottom:var(--ds-space-1)}.preset-description{font-size:var(--ds-text-sm);color:var(--ds-text-2);line-height:var(--ds-leading);margin-bottom:var(--ds-space-2)}.preset-tags{display:flex;flex-wrap:wrap;gap:var(--ds-space-1)}.preset-tag{display:inline-flex;align-items:center;height:20px;padding:0 var(--ds-space-2);border:var(--ds-border-width) solid var(--ds-border);border-radius:var(--ds-radius-full);background:var(--ds-surface-2);color:var(--ds-text-2);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-medium)}.preset-play{margin-top:var(--ds-space-3);padding-top:var(--ds-space-3);border-top:var(--ds-border-width) solid var(--ds-border)}.preset-play-btn{display:inline-flex;align-items:center;gap:var(--ds-space-2);height:var(--ds-control-sm);padding:0 var(--ds-space-3);border:var(--ds-border-width) solid var(--ds-border-strong);border-radius:var(--ds-radius-full);background:var(--ds-surface-2);color:var(--ds-text);font:inherit;font-size:var(--ds-text-sm);font-weight:var(--ds-weight-medium);line-height:1;cursor:pointer;transition:background-color var(--ds-duration) var(--ds-ease),border-color var(--ds-duration) var(--ds-ease),color var(--ds-duration) var(--ds-ease)}.preset-play-btn:hover{background:var(--ds-surface-3)}.preset-play-btn:focus-visible{outline:none;box-shadow:var(--ds-focus-ring)}.preset-play-btn.active{background:var(--ds-accent);border-color:transparent;color:var(--ds-on-accent);font-weight:var(--ds-weight-semibold)}@media (max-width: 768px){.preset-card{flex-direction:column;align-items:stretch;text-align:center}.preset-icon{align-self:center}.preset-tags{justify-content:center}.preset-play{display:flex;justify-content:center}.preset-play-btn{width:100%;justify-content:center}}@media (max-width: 480px){.preset-icon{width:var(--ds-control-md);height:var(--ds-control-md);font-size:var(--ds-icon-sm)}}.faq-item{margin-bottom:var(--ds-space-2);border:var(--ds-border-width) solid var(--ds-border);border-radius:var(--ds-radius-md);overflow:hidden;background:var(--ds-surface-1);transition:border-color var(--ds-duration) var(--ds-ease)}.faq-item:hover{border-color:var(--ds-border-strong)}.faq-question{padding:var(--ds-space-3) var(--ds-space-4);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--ds-space-3);font-size:var(--ds-text-md);font-weight:var(--ds-weight-medium);color:var(--ds-text);transition:background-color var(--ds-duration) var(--ds-ease);-webkit-user-select:none;user-select:none;list-style:none}.faq-question::-webkit-details-marker{display:none}.faq-question:hover{background:var(--ds-surface-2)}.faq-question:focus-visible{outline:none;box-shadow:inset var(--ds-focus-ring)}.faq-question i{transition:transform var(--ds-duration) var(--ds-ease);color:var(--ds-text-3);font-size:var(--ds-text-xs);flex-shrink:0}.faq-item[open] .faq-question i{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--ds-duration-slow) var(--ds-ease),padding var(--ds-duration-slow) var(--ds-ease);padding:0 var(--ds-space-4);color:var(--ds-text-2);line-height:var(--ds-leading);font-size:var(--ds-text-sm)}.faq-item[open] .faq-answer{max-height:500px;padding:0 var(--ds-space-4) var(--ds-space-4)}@media (max-width: 480px){.faq-question{padding:var(--ds-space-3);font-size:var(--ds-text-sm)}.faq-answer{padding-left:var(--ds-space-3);padding-right:var(--ds-space-3)}}.toast-container{position:fixed;top:var(--ds-space-16);right:var(--ds-space-5);z-index:var(--ds-z-toast);display:flex;flex-direction:column;gap:var(--ds-space-2);pointer-events:none;max-width:400px;width:calc(100% - 2 * var(--ds-space-5))}.toast-item{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-3) var(--ds-space-3) var(--ds-space-4);border:var(--ds-border-width) solid var(--ds-border);border-left:3px solid var(--ds-info);border-radius:var(--ds-radius-md);background:var(--ds-surface-1);color:var(--ds-text);box-shadow:var(--ds-shadow-overlay);pointer-events:auto;position:relative;overflow:hidden;opacity:0;transform:translate(16px);transition:opacity var(--ds-duration-slow) var(--ds-ease),transform var(--ds-duration-slow) var(--ds-ease)}.toast-item.toast-visible{opacity:1;transform:translate(0)}.toast-item.toast-leaving{opacity:0;transform:translate(16px)}.toast-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ds-icon-sm);height:var(--ds-icon-sm);font-size:var(--ds-icon-sm);color:var(--ds-info)}.toast-body{flex:1;min-width:0;font-size:var(--ds-text-sm);line-height:var(--ds-leading);word-break:break-word}.toast-close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ds-control-sm);height:var(--ds-control-sm);border:none;border-radius:var(--ds-radius-sm);background:none;color:var(--ds-text-2);font-size:var(--ds-text-xs);cursor:pointer;transition:background-color var(--ds-duration) var(--ds-ease),color var(--ds-duration) var(--ds-ease)}.toast-close:hover{background:var(--ds-surface-2);color:var(--ds-text)}.toast-close:focus-visible{outline:none;box-shadow:var(--ds-focus-ring)}.toast-progress{position:absolute;bottom:0;left:0;height:2px;width:100%;transform-origin:left;transform:scaleX(1);background:var(--ds-info)}.toast-progress.toast-progress-running{animation:toastCountdown linear forwards}@keyframes toastCountdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-success{border-left-color:var(--ds-success)}.toast-success .toast-icon,.toast-success .toast-progress{color:var(--ds-success);background-color:transparent}.toast-success .toast-progress{background-color:var(--ds-success)}.toast-error{border-left-color:var(--ds-danger)}.toast-error .toast-icon{color:var(--ds-danger)}.toast-error .toast-progress{background-color:var(--ds-danger)}.toast-warning{border-left-color:var(--ds-warning)}.toast-warning .toast-icon{color:var(--ds-warning)}.toast-warning .toast-progress{background-color:var(--ds-warning)}.toast-info{border-left-color:var(--ds-info)}@media (max-width: 768px){.toast-container{top:auto;bottom:calc(var(--player-bar-height, 120px) + var(--ds-space-3));right:var(--ds-space-2);left:var(--ds-space-2);max-width:none;width:auto}.toast-item{transform:translateY(16px)}.toast-item.toast-visible{transform:translateY(0)}.toast-item.toast-leaving{transform:translateY(16px)}}.hearing-warning{position:fixed;left:0;right:0;z-index:calc(var(--ds-z-player) - 1);padding:0 var(--ds-space-5);pointer-events:none}.hearing-warning__inner{max-width:960px;margin:0 auto var(--ds-space-2);display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-3) var(--ds-space-3) var(--ds-space-4);border:var(--ds-border-width) solid var(--ds-border);border-left:3px solid var(--ds-danger);border-radius:var(--ds-radius-md);background:var(--ds-surface-1);box-shadow:var(--ds-shadow-overlay);pointer-events:auto}.hearing-warning__icon{font-size:var(--ds-icon-md);color:var(--ds-danger);flex-shrink:0}.hearing-warning__body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.hearing-warning__title{font-size:var(--ds-text-sm);font-weight:var(--ds-weight-semibold);color:var(--ds-text)}.hearing-warning__text{font-size:var(--ds-text-sm);line-height:var(--ds-leading);color:var(--ds-text-2)}.hearing-warning__dismiss{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;height:var(--ds-control-sm);padding:0 var(--ds-space-3);border:var(--ds-border-width) solid var(--ds-border-strong);border-radius:var(--ds-radius-sm);background:var(--ds-surface-2);color:var(--ds-text);font:inherit;font-size:var(--ds-text-sm);font-weight:var(--ds-weight-medium);line-height:1;cursor:pointer;white-space:nowrap;transition:background-color var(--ds-duration) var(--ds-ease)}.hearing-warning__dismiss:hover{background:var(--ds-surface-3)}.hearing-warning__dismiss:focus-visible{outline:none;box-shadow:var(--ds-focus-ring)}.hearing-warning-enter-active,.hearing-warning-leave-active{transition:opacity var(--ds-duration-slow) var(--ds-ease),transform var(--ds-duration-slow) var(--ds-ease)}.hearing-warning-enter-from,.hearing-warning-leave-to{opacity:0;transform:translateY(8px)}@media (max-width: 560px){.hearing-warning__inner{flex-wrap:wrap}.hearing-warning__dismiss{width:100%;margin-top:var(--ds-space-1)}}