.NotificationDemo-module__OnuRla__demoBody{gap:var(--space-4);width:100%;min-height:360px;padding:var(--space-4);flex-direction:column;display:flex}.NotificationDemo-module__OnuRla__toastQueueLayout{gap:var(--space-5);grid-template-columns:auto 1fr;align-items:start;width:100%;display:grid}@media (max-width:600px){.NotificationDemo-module__OnuRla__toastQueueLayout{grid-template-columns:1fr}}.NotificationDemo-module__OnuRla__controlPanel{gap:var(--space-2);flex-direction:column;min-width:180px;display:flex}.NotificationDemo-module__OnuRla__controlBtn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-surface-2);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s;display:flex}.NotificationDemo-module__OnuRla__controlBtn:hover{background:var(--color-border)}.NotificationDemo-module__OnuRla__controlBtn:focus-visible{outline:2px solid var(--diagram-layer-9);outline-offset:2px}.NotificationDemo-module__OnuRla__spamBtn{border-color:var(--diagram-layer-9);color:var(--diagram-layer-9);font-weight:600;}.NotificationDemo-module__OnuRla__spamBtn:hover{background:oklch(from var(--diagram-layer-9) l c h / .12)}.NotificationDemo-module__OnuRla__infoBtn{}.NotificationDemo-module__OnuRla__warningBtn{color:#d9a514;color:lab(71.1681% 11.7208 71.0541);border-color:#d9a514;border-color:lab(71.1681% 11.7208 71.0541);}.NotificationDemo-module__OnuRla__warningBtn:hover{background:#d9a5141a;background:lab(71.1681% 11.7208 71.0541/.1)}.NotificationDemo-module__OnuRla__errorBtn{border-color:var(--color-error);color:var(--color-error);}.NotificationDemo-module__OnuRla__errorBtn:hover{background:var(--color-error-muted)}.NotificationDemo-module__OnuRla__statsRow{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted);padding-top:var(--space-2);line-height:1.6}.NotificationDemo-module__OnuRla__statsRow span{color:var(--color-text);font-weight:600}.NotificationDemo-module__OnuRla__toastArea{width:100%;min-height:280px;position:relative}.NotificationDemo-module__OnuRla__toastStack{gap:var(--space-2);flex-direction:column;display:flex;position:relative}.NotificationDemo-module__OnuRla__toast{padding:var(--space-3) var(--space-4);padding-right:var(--space-8);border-radius:var(--radius-2);background:var(--color-surface-2);border:1px solid var(--color-border);border-left:4px solid var(--color-muted);transform-origin:100%;flex-direction:column;display:flex;position:relative;overflow:hidden}.NotificationDemo-module__OnuRla__toast[data-entering=true]{animation:.3s ease-out forwards NotificationDemo-module__OnuRla__toastEnter}.NotificationDemo-module__OnuRla__toast[data-exiting=true]{animation:.25s ease-in forwards NotificationDemo-module__OnuRla__toastExit}@media (prefers-reduced-motion:reduce){.NotificationDemo-module__OnuRla__toast[data-entering=true]{animation:.15s ease-out forwards NotificationDemo-module__OnuRla__toastFadeIn}.NotificationDemo-module__OnuRla__toast[data-exiting=true]{animation:.15s ease-in forwards NotificationDemo-module__OnuRla__toastFadeOut}}@keyframes NotificationDemo-module__OnuRla__toastEnter{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes NotificationDemo-module__OnuRla__toastExit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(60px)}}@keyframes NotificationDemo-module__OnuRla__toastFadeIn{0%{opacity:0}to{opacity:1}}@keyframes NotificationDemo-module__OnuRla__toastFadeOut{0%{opacity:1}to{opacity:0}}.NotificationDemo-module__OnuRla__toastInfo{border-left-color:var(--color-muted);}.NotificationDemo-module__OnuRla__toastWarning{background:#d9a5140f;background:lab(71.1681% 11.7208 71.0541/.06);border-left-color:#d9a514;border-left-color:lab(71.1681% 11.7208 71.0541);}.NotificationDemo-module__OnuRla__toastError{border-left-color:var(--color-error);background:var(--color-error-muted);}.NotificationDemo-module__OnuRla__toastHovered{border-color:var(--diagram-layer-9);background:var(--color-surface)}.NotificationDemo-module__OnuRla__toastHeader{align-items:center;gap:var(--space-2);display:flex}.NotificationDemo-module__OnuRla__toastTitle{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);margin:0;font-weight:600}.NotificationDemo-module__OnuRla__toastPriorityBadge{font-family:var(--font-mono);color:var(--color-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-1);text-transform:uppercase;letter-spacing:.05em;padding:1px 6px;font-size:.65rem}.NotificationDemo-module__OnuRla__toastMessage{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted);margin:var(--space-1) 0 0;line-height:1.5}.NotificationDemo-module__OnuRla__toastDismiss{border-radius:var(--radius-1);width:44px;height:44px;color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex;position:absolute;top:0;right:0}.NotificationDemo-module__OnuRla__toastDismiss:hover{color:var(--color-text);background:var(--color-border)}.NotificationDemo-module__OnuRla__toastDismiss:focus-visible{outline:2px solid var(--diagram-layer-9);outline-offset:1px}.NotificationDemo-module__OnuRla__timerBarTrack{background:var(--color-border);height:3px;position:absolute;bottom:0;left:0;right:0}.NotificationDemo-module__OnuRla__timerBarFill{background:var(--color-muted);border-radius:0 2px 2px 0;height:100%;transition:width .1s linear}.NotificationDemo-module__OnuRla__timerBarFillWarning{background:#d9a514;background:lab(71.1681% 11.7208 71.0541);}.NotificationDemo-module__OnuRla__timerBarFillError{background:var(--color-error);}.NotificationDemo-module__OnuRla__timerPaused{animation:1s ease-in-out infinite NotificationDemo-module__OnuRla__timerPulse}@keyframes NotificationDemo-module__OnuRla__timerPulse{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.NotificationDemo-module__OnuRla__timerPaused{opacity:.6;animation:none}}.NotificationDemo-module__OnuRla__queuedBadge{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted);text-align:center;padding:var(--space-2) 0;border:1px dashed var(--color-border);border-radius:var(--radius-2);margin-top:var(--space-2)}.NotificationDemo-module__OnuRla__permissionLayout{align-items:center;gap:var(--space-5);flex-direction:column;width:100%;max-width:420px;margin:0 auto;display:flex}.NotificationDemo-module__OnuRla__permissionDialog{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-3);background:var(--color-surface-2);text-align:center;flex-direction:column;width:100%;display:flex}.NotificationDemo-module__OnuRla__permissionIcon{font-size:2rem;line-height:1}.NotificationDemo-module__OnuRla__permissionTitle{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);margin:0;font-weight:600}.NotificationDemo-module__OnuRla__permissionSubtitle{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted);margin:0;line-height:1.5}.NotificationDemo-module__OnuRla__permissionActions{gap:var(--space-3);justify-content:center;display:flex}.NotificationDemo-module__OnuRla__allowBtn{padding:var(--space-2) var(--space-4);border:1px solid var(--color-success);border-radius:var(--radius-2);background:var(--color-success-muted);color:var(--color-success);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;font-weight:600;transition:background .15s}.NotificationDemo-module__OnuRla__allowBtn:hover{background:oklch(from var(--color-success) l c h / .25)}.NotificationDemo-module__OnuRla__allowBtn:focus-visible{outline:2px solid var(--color-success);outline-offset:2px}.NotificationDemo-module__OnuRla__blockBtn{padding:var(--space-2) var(--space-4);border:1px solid var(--color-error);border-radius:var(--radius-2);background:var(--color-error-muted);color:var(--color-error);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;font-weight:600;transition:background .15s}.NotificationDemo-module__OnuRla__blockBtn:hover{background:oklch(from var(--color-error) l c h / .25)}.NotificationDemo-module__OnuRla__blockBtn:focus-visible{outline:2px solid var(--color-error);outline-offset:2px}.NotificationDemo-module__OnuRla__btnDisabled{opacity:.4;cursor:not-allowed;pointer-events:none}.NotificationDemo-module__OnuRla__permissionResult{width:100%;padding:var(--space-4);border-radius:var(--radius-2);border:1px solid var(--color-border);text-align:center}.NotificationDemo-module__OnuRla__permissionGranted{border-color:var(--color-success);background:var(--color-success-muted);}.NotificationDemo-module__OnuRla__permissionDenied{border-color:var(--color-error);background:var(--color-error-muted);}.NotificationDemo-module__OnuRla__permissionResultText{font-family:var(--font-mono);font-size:var(--text-xs);margin:0;line-height:1.6}.NotificationDemo-module__OnuRla__permissionResultText strong{color:var(--color-text)}.NotificationDemo-module__OnuRla__testPushBtn{margin-top:var(--space-3);align-self:center;display:inline-flex;}.NotificationDemo-module__OnuRla__testPushBtnActive{border-color:var(--color-success);color:var(--color-success);}.NotificationDemo-module__OnuRla__testPushBtnActive:hover{background:var(--color-success-muted)}.NotificationDemo-module__OnuRla__testPushBtnBlocked{opacity:.35;cursor:not-allowed;position:relative;}.NotificationDemo-module__OnuRla__tooltip{border-radius:var(--radius-1);background:var(--color-surface);border:1px solid var(--color-border);font-family:var(--font-mono);color:var(--color-error);white-space:nowrap;pointer-events:none;opacity:0;padding:2px 8px;font-size:.65rem;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.NotificationDemo-module__OnuRla__testPushBtnBlocked:hover .NotificationDemo-module__OnuRla__tooltip,.NotificationDemo-module__OnuRla__testPushBtnBlocked:focus-visible .NotificationDemo-module__OnuRla__tooltip{opacity:1}.NotificationDemo-module__OnuRla__resetLink{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted);cursor:pointer;text-underline-offset:3px;margin-top:var(--space-3);background:0 0;border:none;text-decoration:underline}.NotificationDemo-module__OnuRla__resetLink:hover{color:var(--color-text)}.NotificationDemo-module__OnuRla__inspectorLayout{gap:var(--space-3);flex-direction:column;width:100%;max-width:480px;margin:0 auto;display:flex}.NotificationDemo-module__OnuRla__inspectorHeader{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;margin:0}.NotificationDemo-module__OnuRla__inspectorQueue{flex-direction:column;gap:4px;min-height:200px;display:flex}.NotificationDemo-module__OnuRla__inspectorEmpty{min-height:200px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted);border:1px dashed var(--color-border);border-radius:var(--radius-2);justify-content:center;align-items:center;display:flex}.NotificationDemo-module__OnuRla__inspectorItem{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-1);border:1px solid var(--color-border);background:var(--color-surface-2);font-family:var(--font-mono);font-size:var(--text-xs);transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .25s;display:flex}.NotificationDemo-module__OnuRla__inspectorItem[data-new=true]{animation:.35s cubic-bezier(.22,1,.36,1) forwards NotificationDemo-module__OnuRla__inspectorInsert}@keyframes NotificationDemo-module__OnuRla__inspectorInsert{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.NotificationDemo-module__OnuRla__inspectorItem{transition:none}.NotificationDemo-module__OnuRla__inspectorItem[data-new=true]{animation:none}}.NotificationDemo-module__OnuRla__inspectorItemError{border-left:4px solid var(--color-error);background:var(--color-error-muted);}.NotificationDemo-module__OnuRla__inspectorItemWarning{background:#d9a5140f;background:lab(71.1681% 11.7208 71.0541/.06);border-left:4px solid #d9a514;border-left:4px solid lab(71.1681% 11.7208 71.0541);}.NotificationDemo-module__OnuRla__inspectorItemInfo{border-left:4px solid var(--color-muted);}.NotificationDemo-module__OnuRla__inspectorBar{background:var(--color-border);border-radius:4px;flex:1;height:8px;overflow:hidden}.NotificationDemo-module__OnuRla__inspectorBarFill{border-radius:4px;height:100%;transition:width .2s}.NotificationDemo-module__OnuRla__inspectorBarError{background:var(--color-error);width:100%;}.NotificationDemo-module__OnuRla__inspectorBarWarning{background:#d9a514;background:lab(71.1681% 11.7208 71.0541);width:70%;}.NotificationDemo-module__OnuRla__inspectorBarInfo{background:var(--color-muted);width:45%;}.NotificationDemo-module__OnuRla__inspectorLabel{color:var(--color-muted);min-width:160px}.NotificationDemo-module__OnuRla__inspectorLabel strong{color:var(--color-text)}.NotificationDemo-module__OnuRla__nextPointer{font-family:var(--font-mono);color:var(--diagram-layer-9);letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--diagram-layer-9);border-radius:var(--radius-1);background:oklch(from var(--diagram-layer-9) l c h / .1);padding:1px 6px;font-size:.65rem}.NotificationDemo-module__OnuRla__inspectorControls{gap:var(--space-2);flex-wrap:wrap;display:flex}