.notification-sound{display:flex;flex-direction:column;gap:12px;width:100%;min-width:0;padding:12px 0;color:var(--text-primary);font-size:var(--font-sm,14px);box-sizing:border-box}.notification-sound__toggle{display:flex;justify-content:space-between;align-items:center;gap:12px}.notification-sound__toggle input{appearance:none;width:36px;height:20px;flex:0 0 36px;border-radius:10px;background:var(--text-muted);border:2px solid transparent;cursor:pointer}.notification-sound__toggle input::before{content:'';display:block;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform 120ms}.notification-sound__toggle input:checked{background:var(--primary)}.notification-sound__toggle input:checked::before{transform:translateX(16px)}.notification-sound__volume{display:grid;grid-template-columns:auto minmax(40px,1fr) 40px;align-items:center;gap:10px;color:var(--text-secondary)}.notification-sound__volume input{width:100%;min-width:0;accent-color:var(--primary)}.notification-sound__volume output{text-align:right;font-variant-numeric:tabular-nums}.notification-sound__previews{display:flex;gap:8px}.notification-sound__previews button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:6px;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);background:var(--bg-card);cursor:pointer}.notification-sound__previews svg{width:20px;height:20px}.notification-sound:disabled{opacity:.45;cursor:default}.notification-sound:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.notification-settings{max-width:460px;margin:12px auto;padding:0 16px;color:var(--text-secondary)}.notification-settings summary{padding:8px 0;cursor:pointer}