.notification-viewport,.notification-banner-viewport,.inline-notice,.banner-notice{--wf-page-bg:var(--sl-color-neutral-50);--wf-surface-bg:var(--sl-color-neutral-0);--wf-subtle-bg:var(--sl-color-neutral-100);--wf-border:var(--sl-color-neutral-200);--wf-text:var(--sl-color-neutral-900);--wf-muted:var(--sl-color-neutral-600);--wf-subtle-text:var(--sl-color-neutral-500);--wf-accent:var(--sl-color-primary-600);--wf-success:var(--sl-color-success-600);--wf-danger:var(--sl-color-danger-600);--wf-warning:var(--sl-color-warning-600);--wf-shadow-sm:var(--sl-shadow-small);--wf-shadow-lg:var(--sl-shadow-large);--wf-shadow-xl:var(--sl-shadow-x-large)}.notification-banner-viewport{top:max(1rem, var(--safe-area-top,0px));z-index:9998;pointer-events:none;width:min(56rem,100vw - 2rem);position:fixed;left:50%;transform:translate(-50%)}.notification-viewport{left:max(1rem, var(--safe-area-left,0px));bottom:max(1rem, var(--safe-area-bottom,0px));z-index:9999;pointer-events:none;width:min(24rem,100vw - 1.5rem);position:fixed}.notification-viewport-cms-undo{bottom:calc(max(1rem, var(--safe-area-bottom,0px)) + 5.5rem);z-index:10000}.notification-slot{opacity:1;transition:max-height .22s,margin-bottom .22s,opacity .18s,transform .18s;overflow:hidden}.notification-slot.is-closing{opacity:0;transition-delay:90ms,0s,0s,0s;transform:translateY(10px)}.notification-viewport .notification-slot,.notification-banner-viewport .notification-slot{width:100%}.notification-viewport .notification-slot:has(.toast-card-compact){width:fit-content;max-width:min(100%,24rem)}.inline-notice,.banner-notice{width:100%;container-type:inline-size}.signal-banner,.signal-inline,.toast-card{--signal:var(--wf-accent);border:1px solid color-mix(in srgb, var(--signal) 22%, var(--wf-border));background:color-mix(in srgb, var(--signal) 10%, var(--wf-surface-bg));color:var(--wf-text);border-radius:14px}.signal-success{--signal:var(--wf-success)}.signal-warning{--signal:var(--wf-warning)}.signal-danger{--signal:var(--wf-danger)}.signal-info{--signal:var(--wf-accent)}.signal-banner,.signal-inline{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.75rem;padding:.85rem .95rem;display:grid}.signal-inline{margin-top:.9rem}.signal-icon,.toast-icon{background:color-mix(in srgb, var(--signal) 14%, var(--wf-surface-bg));width:2rem;height:2rem;color:var(--signal);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.signal-icon i,.toast-icon i{width:.95rem;height:.95rem}.toast-card.signal-success .toast-icon{background:color-mix(in srgb, var(--wf-success) 14%, #fff)}.toast-card.signal-neutral .toast-icon{color:#64748b;background:#e9ecef}.toast-card.signal-danger .toast-icon{color:#fff;background:#94a3b8}.toast-card.signal-warning .toast-icon{color:var(--wf-warning);background:#323232}.toast-card.signal-info .toast-icon,.toast-card:not([class*=signal-]) .toast-icon{color:#cbd5e1;background:#424242}.signal-content strong,.toast-copy strong{color:var(--wf-text);text-transform:none;letter-spacing:0;margin-bottom:.2rem;font-size:.84rem;display:block}.signal-content p,.toast-copy p{color:var(--wf-muted);margin:0;font-size:.8rem}.signal-actions,.toast-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.signal-actions sl-button::part(base),.toast-actions sl-button::part(base){border-radius:var(--sl-border-radius-medium);font-weight:var(--sl-font-weight-semibold)}.toast-actions .flashcard-master-toast-action::part(base){color:var(--sl-color-success-700)}.toast-actions .flashcard-master-toast-action::part(base):hover,.toast-actions .flashcard-master-toast-action::part(base):focus-visible{color:var(--sl-color-success-800)}.notification-viewport .notification-slot:has(.flashcard-master-toast-action){width:fit-content;max-width:min(100%,18rem)}.notification-viewport .notification-slot:has(.flashcard-master-toast-action) .toast-card{align-items:center;gap:.6rem;width:auto;max-width:100%;padding:.7rem .8rem}.notification-viewport .notification-slot:has(.flashcard-master-toast-action) .toast-icon{background:color-mix(in srgb, #f59e0b 20%, var(--wf-surface-bg));color:#b45309;width:1.7rem;height:1.7rem}.notification-viewport .notification-slot:has(.flashcard-master-toast-action) .toast-copy p{line-height:1.3}.notification-viewport .notification-slot:has(.flashcard-master-toast-action) .toast-meta{align-items:center;margin-bottom:0}.notification-viewport .notification-slot:has(.flashcard-master-toast-action) .toast-meta strong{font-size:.88rem;font-weight:700;line-height:1.2}.notification-viewport .notification-slot:has(.flashcard-master-toast-action) .toast-actions{margin-top:.2rem}.toast-stack{justify-items:stretch;gap:.7rem;display:grid}.toast-card{color:#f5f5f5;width:100%;box-shadow:var(--wf-shadow-lg);pointer-events:auto;background:#323232;border-color:#424242;grid-template-columns:auto minmax(0,1fr);gap:.75rem;padding:.85rem .95rem;display:grid}.toast-card .toast-meta{color:#b8c0cc}.toast-card .toast-copy strong{color:#fff}.toast-card .toast-copy p{color:#d0d5dd}.toast-card .toast-dismiss{color:#b8c0cc}.toast-card .toast-dismiss:hover{color:#fff;background:#424242}.toast-card.toast-card-compact{width:auto;max-width:100%}.toast-meta{color:var(--wf-subtle-text);justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.3rem;font-size:.74rem;display:flex}.toast-meta:not(:has(strong)){margin-bottom:0}.toast-meta strong{margin-bottom:0;font-size:.84rem}.signal-banner,.signal-inline{pointer-events:auto;width:100%}.signal-neutral{--signal:var(--wf-subtle-text)}.signal-icon sl-icon,.toast-icon sl-icon{font-size:.95rem}.toast-copy,.signal-content{min-width:0}.toast-meta-end{justify-content:flex-end;align-items:center;min-width:0;display:inline-flex}.toast-dismiss{width:1.9rem;height:1.9rem;color:var(--wf-subtle-text);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;transition:background .12s,color .12s;display:inline-flex}.toast-dismiss:hover{background:var(--wf-subtle-bg);color:var(--wf-text)}.toast-dismiss:focus-visible{outline:2px solid var(--wf-accent);outline-offset:2px}.signal-actions{justify-content:flex-end}@container (width<=30rem){.signal-banner,.signal-inline{grid-template-columns:auto minmax(0,1fr)}.signal-actions{grid-column:1/-1;justify-content:flex-start;padding-left:2.75rem}}@media (width<=767px){.notification-banner-viewport,.notification-viewport{width:min(24rem,100vw - 1rem)}.notification-viewport{left:50%;right:auto;transform:translate(-50%)}.signal-banner,.signal-inline{grid-template-columns:1fr}.notification-viewport-cms-undo{bottom:calc(max(1rem, var(--safe-area-bottom,0px)) + 6rem)}}.notif-read-indicator .notif-read-btn{width:28px;height:28px;color:var(--sl-color-neutral-500);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .12s,background-color .12s;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.notif-row{cursor:pointer}.notif-row:focus-visible{outline:2px solid var(--sl-color-primary-600);outline-offset:-2px}.notif-row-mention{box-shadow:inset 3px 0 0 var(--sl-color-warning-500)}.notif-mention-badge{background-color:var(--sl-color-warning-500);width:14px;height:14px;color:var(--sl-color-neutral-0);border:1.5px solid var(--sl-color-neutral-0);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-3px;right:-3px}.notif-row:hover .notif-read-indicator .notif-read-dot,.notif-row:focus-within .notif-read-indicator .notif-read-dot{display:none}.notif-row:hover .notif-read-indicator .notif-read-btn,.notif-row:focus-within .notif-read-indicator .notif-read-btn{display:flex}.notif-read-btn:hover{color:var(--sl-color-primary-600);background-color:var(--sl-color-primary-100)}.notif-read-btn:focus-visible{outline:2px solid var(--sl-color-primary-600);outline-offset:-2px}@media (hover:none){.notif-read-indicator .notif-read-dot{display:none}.notif-read-indicator .notif-read-btn{display:flex}}@media (prefers-reduced-motion:reduce){.notification-slot,.notification-slot.is-closing{transition:none}}