.CV-NotificationBox-Wrapper{--cv-nb-bg:#f7f7f8;--cv-nb-bg-elevated:#fff;--cv-nb-skeleton-accent:#0000001a;--cv-nb-border:#e6e7eb;--cv-nb-text:#0f172a;--cv-nb-muted:#6b7280;--cv-nb-accent:#3b82f6;--cv-nb-badge-bg:#eef2ff;--cv-nb-badge-text:#3730a3;--cv-nb-shadow:0 10px 30px #0f172a14;--cv-glow-color:#3b82f680}@media (prefers-color-scheme:dark){.CV-NotificationBox-Wrapper{--cv-nb-bg:#0b0f14;--cv-nb-bg-elevated:#121821;--cv-nb-skeleton-accent:#3232321a;--cv-nb-border:#1f2937;--cv-nb-text:#e5e7eb;--cv-nb-muted:#94a3b8;--cv-nb-accent:#60a5fa;--cv-nb-badge-bg:#1e293b;--cv-nb-badge-text:#c7d2fe;--cv-nb-shadow:0 16px 40px #00000059;--cv-glow-color:#60a5fa80}}[data-theme=light] .CV-NotificationBox-Wrapper{--cv-nb-bg:#f7f7f8;--cv-nb-bg-elevated:#fff;--cv-nb-skeleton-accent:#0000001a;--cv-nb-border:#e6e7eb;--cv-nb-text:#0f172a;--cv-nb-muted:#6b7280;--cv-nb-accent:#3b82f6;--cv-nb-badge-bg:#eef2ff;--cv-nb-badge-text:#3730a3;--cv-nb-shadow:0 10px 30px #0f172a14;--cv-glow-color:#3b82f680}[data-theme=dark] .CV-NotificationBox-Wrapper{--cv-nb-bg:#0b0f14;--cv-nb-bg-elevated:#121821;--cv-nb-skeleton-accent:#3232321a;--cv-nb-border:#1f2937;--cv-nb-text:#e5e7eb;--cv-nb-muted:#94a3b8;--cv-nb-accent:#60a5fa;--cv-nb-badge-bg:#1e293b;--cv-nb-badge-text:#c7d2fe;--cv-nb-shadow:0 16px 40px #00000059;--cv-glow-color:#60a5fa80}@keyframes cv-skeleton-loading{0%{opacity:0}to{opacity:1}}.CV-NotificationBox-Wrapper--skeleton{animation:.5s ease-in-out infinite alternate cv-skeleton-loading}@keyframes cv-glow-inset{0%{border:1px solid var(--cv-glow-color);box-shadow:inset 0 0 40px var(--cv-glow-color),0 0 0 transparent}to{border:1px solid var(--cv-nb-border);box-shadow:inset 0 0 0 var(--cv-glow-color),var(--cv-nb-shadow)}}.CV-NotificationBox-Wrapper{background:var(--cv-nb-bg-elevated);border:1px solid var(--cv-nb-border);color:var(--cv-nb-text);box-shadow:var(--cv-nb-shadow);cursor:pointer;border-radius:14px;flex-direction:column;gap:12px;min-width:260px;padding:16px 18px;display:flex}.CV-NotificationBox-Wrapper:hover{opacity:.95}.CV-NotificationBox-Wrapper--animate{animation:2s ease-out forwards cv-glow-inset}.CV-NotificationBox-Header{justify-content:space-between;align-items:center;gap:12px;display:flex}.CV-NotificationBox-TitleGroup{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.CV-NotificationBox-Title{letter-spacing:.01em;font-size:15px;font-weight:600}.CV-NotificationBox-Badge{background:var(--cv-nb-badge-bg);color:var(--cv-nb-badge-text);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:600}.CV-NotificationBox-Timestamp{color:var(--cv-nb-muted);white-space:nowrap;font-size:12px}.CV-NotificationBox-Message{color:var(--cv-nb-text);font-size:14px;line-height:1.5}.CV-NotificationBox-MetaGrid{border-top:1px solid var(--cv-nb-border);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px 16px;padding-top:8px;display:grid}.CV-NotificationBox-MetaItem{flex-direction:column;gap:4px;display:flex}.CV-NotificationBox-MetaLabel{text-transform:uppercase;letter-spacing:.08em;color:var(--cv-nb-muted);font-size:11px}.CV-NotificationBox-MetaValue{font-size:13px;font-weight:600}.CV-NotificationBox-MetaMono{color:var(--cv-nb-text);font-family:SFMono-Regular,ui-monospace,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px}.CV-NotificationBox-Loading{filter:blur(5px)}
.CV-NotificationBoxStack-Wrapper{width:fit-content}.CV-NotificationBoxStack-Container{flex-direction:column;gap:.5rem;display:flex}.CV-NotificationBoxStack-bottom .CV-NotificationBoxStack-Container{flex-direction:column}.CV-NotificationBoxStack-top .CV-NotificationBoxStack-Container{flex-direction:column-reverse}.CV-NotificationBoxStack-Item{transform-origin:50%;transition:all .3s ease-out}.CV-NotificationBoxStack-bottom .CV-NotificationBoxStack-Item--animating{animation:.3s ease-out cv-slide-in-bottom}@keyframes cv-slide-in-bottom{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.CV-NotificationBoxStack-top .CV-NotificationBoxStack-Item--animating{animation:.3s ease-out cv-slide-in-top}@keyframes cv-slide-in-top{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}