:root{--asm-bg:#0f172a;--asm-bg-card:#1e293b99;--asm-bg-card-active:#6366f126;--asm-text:#e2e8f0;--asm-text-muted:#94a3b8;--asm-border:#94a3b826;--asm-border-active:#6366f166;--asm-primary:#6366f1;--asm-primary-rgb:99, 102, 241;--asm-glow:#6366f14d;--asm-slider-track:#94a3b833;--asm-slider-fill:var(--asm-primary);--asm-control-bg:#0f172ae6}._asm-container{gap:var(--main-space-4);flex-direction:column;min-height:60vh;padding-bottom:5rem;display:flex;position:relative}@media (max-width:768px){._asm-container{padding-left:1rem;padding-right:1rem}}._asm-grid{gap:var(--main-space-2);grid-template-columns:repeat(6,1fr);min-height:150px;display:grid}._asm-sound-card{padding:var(--main-space-3) var(--main-space-1);background:var(--asm-bg-card);border-style:solid;border-width:1px;border-color:var(--asm-border);border-radius:var(--main-radius);cursor:pointer;transition:background var(--main-transition), border-color var(--main-transition), box-shadow var(--main-transition);-webkit-user-select:none;user-select:none;text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}._asm-sound-card:hover{background:#1e293bcc;border-color:#94a3b840}._asm-sound-card._asm-active{background:var(--asm-bg-card-active);border-color:var(--asm-border-active);box-shadow:0 0 16px var(--asm-glow), inset 0 0 16px rgba(var(--asm-primary-rgb), .05)}._asm-sound-icon{color:var(--asm-text-muted);transition:color var(--main-transition);justify-content:center;align-items:center;display:flex}._asm-sound-icon svg{width:1.125rem;height:1.125rem}._asm-active ._asm-sound-icon{color:var(--asm-primary)}._asm-sound-name{color:var(--asm-text-muted);font-size:.6875rem;font-weight:var(--main-font-medium);line-height:var(--main-leading-tight);transition:color var(--main-transition)}._asm-active ._asm-sound-name{color:var(--asm-text)}._asm-sound-slider{-webkit-appearance:none;appearance:none;background:var(--asm-slider-track);border-radius:var(--main-radius-full);opacity:0;width:100%;max-width:64px;height:3px;transition:opacity var(--main-transition);outline:none;margin:0}._asm-active ._asm-sound-slider{opacity:1}._asm-sound-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--asm-primary);cursor:pointer;width:10px;height:10px;box-shadow:0 0 6px var(--asm-glow);border-radius:50%}._asm-sound-slider::-moz-range-thumb{background:var(--asm-primary);cursor:pointer;width:10px;height:10px;box-shadow:0 0 6px var(--asm-glow);border:none;border-radius:50%}@media (max-width:768px){._asm-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:480px){._asm-grid{grid-template-columns:repeat(3,1fr)}}._asm-controls{padding:var(--main-space-3) var(--main-space-6);background:var(--asm-control-bg);-webkit-backdrop-filter:blur(12px);border-top-style:solid;border-top-width:1px;border-top-color:var(--asm-border);z-index:100;justify-content:space-between;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}._asm-controls-left,._asm-controls-right{align-items:center;gap:var(--main-space-2);display:flex}._asm-controls-center{align-items:center;display:flex}._asm-ctrl-btn{border-style:solid;border-width:1px;border-color:var(--asm-border);border-radius:var(--main-radius);width:2.25rem;height:2.25rem;color:var(--asm-text-muted);cursor:pointer;transition:color var(--main-transition), background var(--main-transition), box-shadow var(--main-transition);background:#94a3b81a;justify-content:center;align-items:center;display:flex;position:relative}._asm-ctrl-btn svg{width:14px;height:14px}._asm-ctrl-btn:hover{color:var(--asm-text);background:#94a3b833}._asm-ctrl-btn._asm-ctrl-active{color:var(--asm-primary);background:rgba(var(--asm-primary-rgb), .15);border-color:rgba(var(--asm-primary-rgb), .3)}._asm-master-volume{align-items:center;gap:var(--main-space-2);display:flex}._asm-volume-icon{color:var(--asm-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;padding:0;display:flex}._asm-volume-icon svg{width:16px;height:16px}._asm-volume-icon:hover{color:var(--asm-text)}._asm-master-slider{-webkit-appearance:none;appearance:none;background:var(--asm-slider-track);border-radius:var(--main-radius-full);outline:none;width:120px;height:4px}._asm-master-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--asm-primary);cursor:pointer;width:14px;height:14px;box-shadow:0 0 6px var(--asm-glow);border-radius:50%}._asm-master-slider::-moz-range-thumb{background:var(--asm-primary);cursor:pointer;width:14px;height:14px;box-shadow:0 0 6px var(--asm-glow);border:none;border-radius:50%}._asm-timer-badge{background:var(--asm-primary);color:#fff;border-radius:var(--main-radius-full);font-size:.625rem;font-weight:var(--main-font-semibold);padding:1px 4px;line-height:1.2;position:absolute;top:-4px;right:-4px}@media (max-width:768px){._asm-controls{padding:var(--main-space-2) var(--main-space-4)}._asm-master-slider{width:80px}}@media (max-width:480px){._asm-master-slider{width:60px}}._asm-presets{overflow:hidden}._asm-presets-scroll{justify-content:center;gap:var(--main-space-2);padding-bottom:var(--main-space-1);scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow-x:auto}._asm-presets-scroll::-webkit-scrollbar{display:none}._asm-preset-btn{padding:var(--main-space-1) var(--main-space-4);border-style:solid;border-width:1px;border-color:var(--asm-border);border-radius:var(--main-radius-full);color:var(--asm-text-muted);font-size:var(--main-text-sm);font-weight:var(--main-font-medium);cursor:pointer;transition:color var(--main-transition), background var(--main-transition), border-color var(--main-transition);white-space:nowrap;background:#94a3b81a;flex-shrink:0}._asm-preset-btn:hover{color:var(--asm-text);background:#94a3b833}._asm-preset-btn._asm-preset-active{color:#fff;background:var(--asm-primary);border-color:var(--asm-primary)}._asm-preset-mix{margin-top:calc(var(--main-space-2) * -1);overflow:hidden}._asm-preset-mix-scroll{justify-content:center;gap:var(--main-space-2);padding-bottom:var(--main-space-1);scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow-x:auto}._asm-preset-mix-scroll::-webkit-scrollbar{display:none}._asm-preset-mix-btn{align-items:center;gap:var(--main-space-2);padding:var(--main-space-2) var(--main-space-4);background:linear-gradient(135deg, rgba(var(--asm-primary-rgb), .08), rgba(var(--asm-primary-rgb), .03));border-style:solid;border-width:1px;border-color:rgba(var(--asm-primary-rgb), .15);border-radius:var(--main-radius);color:var(--asm-text-muted);font-size:var(--main-text-sm);font-weight:var(--main-font-medium);cursor:pointer;transition:color var(--main-transition), background var(--main-transition), border-color var(--main-transition), box-shadow var(--main-transition);white-space:nowrap;flex-shrink:0;display:flex}._asm-preset-mix-btn:hover{color:var(--asm-text);background:linear-gradient(135deg, rgba(var(--asm-primary-rgb), .15), rgba(var(--asm-primary-rgb), .06));border-color:rgba(var(--asm-primary-rgb), .3)}._asm-preset-mix-btn._asm-preset-mix-active{color:#fff;background:linear-gradient(135deg, rgba(var(--asm-primary-rgb), .25), rgba(var(--asm-primary-rgb), .12));border-color:rgba(var(--asm-primary-rgb), .5);box-shadow:0 0 12px rgba(var(--asm-primary-rgb), .15)}._asm-preset-mix-dots{gap:3px;display:flex}._asm-preset-mix-dot{opacity:.4;background:currentColor;border-radius:50%;width:4px;height:4px}._asm-preset-mix-active ._asm-preset-mix-dot{opacity:.8;background:var(--asm-primary)}._asm-saved{bottom:3.75rem;right:var(--main-space-6);border-style:solid;border-width:1px;border-color:var(--asm-border);border-radius:var(--main-radius-lg);width:320px;max-height:400px;padding:var(--main-space-3);-webkit-backdrop-filter:blur(12px);z-index:110;background:#0f172af2;flex-direction:column;display:flex;position:fixed;box-shadow:0 -4px 24px #0000004d}._asm-saved-header{margin-bottom:var(--main-space-2);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}._asm-saved-title{font-size:var(--main-text-sm);font-weight:var(--main-font-semibold);color:var(--asm-text)}._asm-saved-close{color:var(--asm-text-muted);cursor:pointer;padding:var(--main-space-1);background:0 0;border:none;justify-content:center;align-items:center;display:flex}._asm-saved-close:hover{color:var(--asm-text)}._asm-saved-form{gap:var(--main-space-2);margin-bottom:var(--main-space-2);flex-shrink:0;display:flex}._asm-saved-input{min-width:0;padding:6px var(--main-space-3);border-style:solid;border-width:1px;border-color:var(--asm-border);border-radius:var(--main-radius);color:var(--asm-text);font-size:var(--main-text-sm);background:#94a3b81a;outline:none;flex:1}._asm-saved-input::placeholder{color:var(--asm-text-muted);opacity:.6}._asm-saved-input:focus{border-color:rgba(var(--asm-primary-rgb), .5);box-shadow:0 0 0 2px rgba(var(--asm-primary-rgb), .15)}._asm-saved-submit{padding:6px var(--main-space-3);background:var(--asm-primary);border-radius:var(--main-radius);color:#fff;font-size:var(--main-text-sm);font-weight:var(--main-font-medium);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0}._asm-saved-submit:hover{opacity:.9}._asm-saved-list{flex-direction:column;flex:1;gap:6px;min-height:0;display:flex;overflow-y:auto}._asm-saved-item{align-items:center;gap:var(--main-space-2);padding:6px var(--main-space-2);border-radius:var(--main-radius-sm);cursor:pointer;transition:background var(--main-transition), border-color var(--main-transition);background:#94a3b80f;border:1px solid #0000;display:flex}._asm-saved-item:hover{background:#94a3b81f}._asm-saved-item._asm-saved-item-active{background:rgba(var(--asm-primary-rgb), .1);border-color:rgba(var(--asm-primary-rgb), .25)}._asm-saved-item-content{flex:1;min-width:0}._asm-saved-item-name{font-size:var(--main-text-xs);color:var(--asm-text);font-weight:var(--main-font-medium);line-height:1.3}._asm-saved-item-sounds{color:var(--asm-text-muted);white-space:nowrap;text-overflow:ellipsis;opacity:.7;font-size:.625rem;line-height:1.3;overflow:hidden}._asm-saved-delete{color:var(--asm-text-muted);cursor:pointer;border-radius:var(--main-radius-sm);opacity:0;transition:opacity var(--main-transition), color var(--main-transition);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex}._asm-saved-item:hover ._asm-saved-delete{opacity:1}._asm-saved-delete:hover{color:#ef4444}._asm-saved-delete svg{width:11px;height:11px}._asm-saved-empty{text-align:center;padding:var(--main-space-3);color:var(--asm-text-muted);font-size:var(--main-text-xs);opacity:.7}@media (max-width:480px){._asm-saved{right:var(--main-space-3);left:var(--main-space-3);width:auto}}._asm-timer-dropdown{bottom:3.75rem;right:var(--main-space-6);border-style:solid;border-width:1px;border-color:var(--asm-border);border-radius:var(--main-radius-lg);padding:var(--main-space-2);-webkit-backdrop-filter:blur(12px);z-index:110;background:#0f172af2;position:fixed;box-shadow:0 -4px 20px #0000004d}._asm-timer-options{gap:var(--main-space-1);flex-direction:column;display:flex}._asm-timer-option{padding:var(--main-space-2) var(--main-space-4);color:var(--asm-text-muted);font-size:var(--main-text-sm);cursor:pointer;border-radius:var(--main-radius);transition:color var(--main-transition), background var(--main-transition);text-align:left;white-space:nowrap;background:0 0;border:none}._asm-timer-option:hover{color:var(--asm-text);background:#94a3b826}._asm-timer-cancel{color:#ef4444;border-top-style:solid;border-top-width:1px;border-top-color:var(--asm-border);margin-top:var(--main-space-1);padding-top:var(--main-space-2)}._asm-timer-cancel:hover{color:#f87171;background:#ef44441a}@media (max-width:768px){._asm-timer-dropdown{right:var(--main-space-4)}}._asm-credits{align-items:center;gap:var(--main-space-2);margin-top:var(--main-space-2);display:flex}._asm-credits-toggle{color:var(--asm-text-muted);cursor:pointer;padding:var(--main-space-1);opacity:.5;background:0 0;border:none;justify-content:center;align-items:center;display:flex}._asm-credits-toggle:hover{opacity:.8}._asm-credits-toggle svg{width:14px;height:14px}._asm-credits-content{font-size:var(--main-text-xs);color:var(--asm-text-muted);opacity:.7}._asm-credits-content a{color:var(--asm-text-muted);text-underline-offset:2px;text-decoration:underline}._asm-credits-content a:hover{color:var(--asm-text)}