:root{--woj-toast-c-info: oklch(72% .02 250);--woj-toast-c-good: oklch(72% .06 195);--woj-toast-c-warn: oklch(72% .04 30);--woj-toast-c-bad: oklch(65% .18 30);--woj-toast-c-aggro: var(--c-brass-500, #a8835a);--woj-toast-c-proc: oklch(72% .02 250);--woj-toast-c-gdpr: oklch(62% .18 278)}.woj-toast-stack-v2{position:fixed;bottom:calc(72px + max(0px,env(safe-area-inset-bottom,0px)));right:clamp(12px,2.4vw,24px);z-index:var(--woj-z-toast, 100);display:flex;flex-direction:column-reverse;gap:var(--space-300, 12px);pointer-events:none;width:min(360px,calc(100vw - 24px))}.woj-toast-stack-v2:popover-open,.woj-toast-stack-v2[popover]{position:fixed;inset:unset;bottom:calc(72px + max(0px,env(safe-area-inset-bottom,0px)));right:clamp(12px,2.4vw,24px);display:flex;flex-direction:column-reverse;gap:var(--space-300, 12px);pointer-events:none;width:min(360px,calc(100vw - 24px));margin:0;padding:0;border:none;background:transparent;overflow:visible;color:inherit}.woj-toast-stack-v2::backdrop{background:transparent;pointer-events:none}.woj-toast-stack-v2 .woj-toast-v2{pointer-events:auto}.woj-toast-stack-v2[data-position=top-right]{bottom:auto;top:calc(72px + max(0px,env(safe-area-inset-top,0px)));flex-direction:column}.woj-toast-v2{pointer-events:auto;display:grid;grid-template-columns:3px auto 1fr auto;gap:0 10px;align-items:start;padding:11px 14px 11px 0;border-radius:10px;background:color-mix(in oklch,var(--c-ink-2, #0e1218) 92%,transparent);backdrop-filter:var(--woj-glass-deep, blur(28px) saturate(120%) brightness(.95));-webkit-backdrop-filter:var(--woj-glass-deep, blur(28px) saturate(120%) brightness(.95));border:1px solid color-mix(in oklch,var(--c-bone, #d6cdb8) 10%,transparent);box-shadow:0 16px 40px #000001a6,0 0 0 .5px color-mix(in oklch,var(--c-bone, #d6cdb8) 8%,transparent);cursor:pointer;transition:box-shadow .16s ease,transform .16s ease;animation:woj-toast-v2-in var(--woj-dur-slow, .32s) var(--woj-ease-bounce, cubic-bezier(.16, 1.36, .4, 1)) both;grid-template-rows:auto auto}.woj-toast-v2:hover{box-shadow:0 20px 48px #000001b8,0 0 0 1px color-mix(in oklch,var(--c-bone, #d6cdb8) 18%,transparent);transform:translateY(-1px)}.woj-toast-v2:focus-visible{outline:2px solid color-mix(in oklch,var(--woj-toast-c-info) 70%,transparent);outline-offset:2px}.woj-toast-v2__edge{grid-column:1;grid-row:1 / -1;width:3px;align-self:stretch;border-radius:3px 0 0 3px;margin-left:-1px}.woj-toast-v2--info .woj-toast-v2__edge{background:var(--woj-toast-c-info)}.woj-toast-v2--good .woj-toast-v2__edge{background:var(--woj-toast-c-good)}.woj-toast-v2--warn .woj-toast-v2__edge{background:var(--woj-toast-c-warn)}.woj-toast-v2--bad .woj-toast-v2__edge{background:var(--woj-toast-c-bad)}.woj-toast-v2--aggro .woj-toast-v2__edge{background:linear-gradient(180deg,var(--woj-toast-c-aggro),var(--c-brass-700, #c8a070))}.woj-toast-v2--proc .woj-toast-v2__edge{background:var(--woj-toast-c-proc)}.woj-toast-v2--gdpr .woj-toast-v2__edge{background:var(--woj-toast-c-gdpr)}.woj-toast-v2__icon{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding-top:1px;flex-shrink:0}.woj-toast-v2--info .woj-toast-v2__icon{color:var(--woj-toast-c-info)}.woj-toast-v2--good .woj-toast-v2__icon{color:var(--woj-toast-c-good)}.woj-toast-v2--warn .woj-toast-v2__icon{color:var(--woj-toast-c-warn)}.woj-toast-v2--bad .woj-toast-v2__icon{color:var(--woj-toast-c-bad)}.woj-toast-v2--aggro .woj-toast-v2__icon{color:var(--c-brass-700, #c8a070)}.woj-toast-v2--proc .woj-toast-v2__icon{color:var(--woj-toast-c-proc)}.woj-toast-v2--gdpr .woj-toast-v2__icon{color:var(--woj-toast-c-gdpr)}.woj-toast-v2__icon svg{width:14px;height:14px;flex-shrink:0}.woj-toast-v2__text{grid-column:3;grid-row:1 / -1;min-width:0}.woj-toast-v2__title{font-family:var(--ff-display, "Inter", system-ui, sans-serif);font-size:13px;font-weight:600;font-style:normal;line-height:1.35;color:var(--c-bone-3, #ece4d2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.woj-toast-v2__body{font-family:var(--ff-display, "Inter", system-ui, sans-serif);font-size:11.5px;font-style:normal;font-weight:400;line-height:1.4;color:var(--c-bone-2, #b8af9a);margin-top:3px}.woj-toast-v2__action{grid-column:4;grid-row:1;display:flex;align-items:center;align-self:start;flex-shrink:0}.woj-toast-v2__action-btn{padding:3px 8px;border-radius:5px;border:1px solid color-mix(in oklch,var(--c-bone, #d6cdb8) 18%,transparent);background:color-mix(in oklch,var(--c-bone, #d6cdb8) 6%,transparent);color:var(--c-bone-2, #b8af9a);font-size:11px;font-weight:600;font-style:normal;letter-spacing:.02em;cursor:pointer;white-space:nowrap;transition:background .12s ease,border-color .12s ease,color .12s ease}.woj-toast-v2__action-btn:hover{background:color-mix(in oklch,var(--c-bone, #d6cdb8) 12%,transparent);border-color:color-mix(in oklch,var(--c-bone, #d6cdb8) 26%,transparent);color:var(--c-bone-3, #ece4d2)}.woj-toast-v2__dismiss{grid-column:4;grid-row:1;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:-12px -12px -12px 0;padding:0;border:none;background:transparent;color:color-mix(in oklch,var(--c-bone, #d6cdb8) 35%,transparent);cursor:pointer;border-radius:8px;transition:color .12s ease,background .12s ease;flex-shrink:0;&:hover{color:var(--c-bone, #d6cdb8);background:color-mix(in oklch,var(--c-bone, #d6cdb8) 8%,transparent)}}.woj-toast-v2__dismiss svg{width:10px;height:10px}.woj-toast-v2.is-leaving{animation:woj-toast-v2-out var(--woj-dur-base, .22s) var(--woj-ease-soft, cubic-bezier(.4, 0, .2, 1)) forwards;pointer-events:none}@keyframes woj-toast-v2-in{0%{opacity:0;transform:translate(24px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes woj-toast-v2-out{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(20px) scale(.96)}}@media(prefers-reduced-motion:reduce){.woj-toast-v2,.woj-toast-v2.is-leaving{animation:none;transition:opacity var(--woj-dur-base, .22s) ease}.woj-toast-v2.is-leaving{opacity:0}}.woj-toast-buff-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 8px 3px 6px;border-radius:999px;font-size:11px;font-weight:600;font-style:normal;letter-spacing:.03em;cursor:pointer;border:1px solid transparent;transition:background var(--woj-dur-base, .22s) ease,border-color var(--woj-dur-base, .22s) ease}.woj-toast-buff-chip__icon{width:12px;height:12px;flex-shrink:0}.woj-toast-buff-chip--bad{background:color-mix(in oklch,var(--woj-toast-c-bad) 14%,transparent);border-color:color-mix(in oklch,var(--woj-toast-c-bad) 32%,transparent);color:color-mix(in oklch,var(--woj-toast-c-bad) 90%,var(--c-bone-3))}.woj-toast-buff-chip--aggro{background:color-mix(in oklch,var(--woj-toast-c-aggro) 14%,transparent);border-color:color-mix(in oklch,var(--woj-toast-c-aggro) 32%,transparent);color:color-mix(in oklch,var(--c-brass-700, #c8a070) 90%,var(--c-bone-3))}.woj-toast-buff-chip--proc{background:color-mix(in oklch,var(--woj-toast-c-proc) 14%,transparent);border-color:color-mix(in oklch,var(--woj-toast-c-proc) 32%,transparent);color:color-mix(in oklch,var(--woj-toast-c-proc) 90%,var(--c-bone-3))}.woj-notif-feed{display:flex;flex-direction:column;height:100%;min-height:0}.woj-notif-feed__meta{display:flex;align-items:center;gap:var(--space-200, 8px);padding:12px 20px 8px;border-bottom:1px solid color-mix(in oklch,var(--c-bone, #d6cdb8) 8%,transparent);flex-shrink:0}.woj-notif-feed__unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--woj-toast-c-bad);color:#fff;font-size:10px;font-weight:700;font-style:normal;line-height:1;flex-shrink:0}.woj-notif-feed__unread-badge[data-count="0"],.woj-notif-feed__unread-badge:empty{display:none}.woj-notif-feed__mark-all{margin-left:auto;padding:3px 8px;border-radius:5px;border:1px solid color-mix(in oklch,var(--c-bone, #d6cdb8) 14%,transparent);background:transparent;color:var(--c-bone-2, #b8af9a);font-size:11px;font-weight:500;font-style:normal;cursor:pointer;transition:background .12s ease,color .12s ease;&:hover{background:color-mix(in oklch,var(--c-bone, #d6cdb8) 8%,transparent);color:var(--c-bone-3, #ece4d2)}}.woj-notif-feed__scroll{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in oklch,var(--c-bone, #d6cdb8) 16%,transparent) transparent;padding:8px 0 16px}.woj-notif-feed__scroll::-webkit-scrollbar{width:4px}.woj-notif-feed__scroll::-webkit-scrollbar-thumb{background:color-mix(in oklch,var(--c-bone, #d6cdb8) 16%,transparent);border-radius:2px}.woj-notif-feed__day{padding:6px 20px 4px;font-family:var(--ff-mono, "JetBrains Mono", monospace);font-size:9.5px;font-weight:600;font-style:normal;letter-spacing:.07em;color:color-mix(in oklch,var(--c-bone, #d6cdb8) 45%,transparent);text-transform:uppercase}.woj-notif-row{display:grid;grid-template-columns:3px 28px 1fr auto;gap:0 10px;align-items:start;padding:10px 20px 10px 0;cursor:pointer;transition:background .12s ease;&:hover{background:color-mix(in oklch,var(--c-bone, #d6cdb8) 4%,transparent)}}.woj-notif-row[data-unread=true]{background:color-mix(in oklch,var(--c-bone, #d6cdb8) 3%,transparent)}.woj-notif-row[data-unread=true]:after{content:"";position:absolute;top:50%;right:20px;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:var(--woj-toast-c-bad)}.woj-notif-row{position:relative}.woj-notif-row__edge{grid-column:1;grid-row:1 / -1;width:3px;align-self:stretch;border-radius:3px;margin-left:17px}.woj-notif-row--info .woj-notif-row__edge{background:var(--woj-toast-c-info)}.woj-notif-row--good .woj-notif-row__edge{background:var(--woj-toast-c-good)}.woj-notif-row--warn .woj-notif-row__edge{background:var(--woj-toast-c-warn)}.woj-notif-row--bad .woj-notif-row__edge{background:var(--woj-toast-c-bad)}.woj-notif-row--aggro .woj-notif-row__edge{background:linear-gradient(180deg,var(--woj-toast-c-aggro),var(--c-brass-700, #c8a070))}.woj-notif-row--proc .woj-notif-row__edge{background:var(--woj-toast-c-proc)}.woj-notif-row--gdpr .woj-notif-row__edge{background:var(--woj-toast-c-gdpr)}.woj-notif-row__icon{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:color-mix(in oklch,var(--c-ink-2, #0e1218) 70%,transparent);flex-shrink:0}.woj-notif-row--info .woj-notif-row__icon{color:var(--woj-toast-c-info)}.woj-notif-row--good .woj-notif-row__icon{color:var(--woj-toast-c-good)}.woj-notif-row--warn .woj-notif-row__icon{color:var(--woj-toast-c-warn)}.woj-notif-row--bad .woj-notif-row__icon{color:var(--woj-toast-c-bad)}.woj-notif-row--aggro .woj-notif-row__icon{color:var(--c-brass-700, #c8a070)}.woj-notif-row--proc .woj-notif-row__icon{color:var(--woj-toast-c-proc)}.woj-notif-row--gdpr .woj-notif-row__icon{color:var(--woj-toast-c-gdpr)}.woj-notif-row__icon svg{width:13px;height:13px}.woj-notif-row__text{grid-column:3;grid-row:1 / -1;min-width:0;padding-right:4px}.woj-notif-row__title{font-size:12.5px;font-weight:600;font-style:normal;line-height:1.35;color:var(--c-bone-3, #ece4d2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.woj-notif-row--read .woj-notif-row__title{color:var(--c-bone-2, #b8af9a);font-weight:500}.woj-notif-row__body{font-size:11px;font-style:normal;font-weight:400;line-height:1.4;color:color-mix(in oklch,var(--c-bone-2, #b8af9a) 80%,transparent);margin-top:2px}.woj-notif-row__ts{grid-column:4;grid-row:1;font-family:var(--ff-mono, "JetBrains Mono", monospace);font-size:9.5px;font-style:normal;color:color-mix(in oklch,var(--c-bone, #d6cdb8) 38%,transparent);white-space:nowrap;padding-top:2px;flex-shrink:0}.woj-notif-feed__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-200, 8px);padding:40px 20px;color:color-mix(in oklch,var(--c-bone, #d6cdb8) 38%,transparent);font-size:13px;font-style:normal;text-align:center}.woj-notif-feed__empty svg{width:32px;height:32px;opacity:.4}
