.page-messages{position:fixed;top:var(--navbar-offset,0);left:0;right:0;z-index:60;pointer-events:none}.page-messages__inner{max-width:1320px;margin:0 auto;padding:var(--space-3) var(--space-5) 0;display:flex;flex-direction:column;gap:var(--space-3)}@keyframes page-message-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.page-message{pointer-events:auto;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-4) var(--space-4) var(--space-5);border-radius:var(--radius-md);border-left-color:var(--color-border);border-left-width:1px;border:1px solid var(--color-border);border-left:5px solid var(--color-muted);font-size:clamp(.875rem,2.4vw,.9375rem);line-height:1.45;font-weight:600;letter-spacing:-.01em;background:color-mix(in srgb,var(--color-surface) 88%,var(--color-bg));color:var(--color-text);box-shadow:var(--shadow-soft);animation:page-message-enter .22s cubic-bezier(.16,1,.3,1) both}.page-message--error{background:color-mix(in srgb,var(--color-danger-light) 92%,var(--color-bg));border-color:color-mix(in srgb,var(--color-danger-border) 75%,var(--color-border));border-left-color:var(--color-danger);color:color-mix(in srgb,var(--color-danger) 55%,var(--color-text));box-shadow:0 10px 28px color-mix(in srgb,var(--color-danger) 14%,transparent),0 1px 0 color-mix(in srgb,var(--color-bg) 70%,transparent)}.page-message--success{background:color-mix(in srgb,var(--color-success) 9%,var(--color-bg));border-color:color-mix(in srgb,var(--color-success) 22%,var(--color-border));border-left-color:var(--color-success);color:color-mix(in srgb,var(--color-success) 72%,var(--color-text));box-shadow:0 10px 28px color-mix(in srgb,var(--color-success) 12%,transparent),0 1px 0 color-mix(in srgb,var(--color-bg) 70%,transparent)}.page-message--warning{background:color-mix(in srgb,var(--color-warning) 11%,var(--color-bg));border-color:color-mix(in srgb,var(--color-warning) 28%,var(--color-border));border-left-color:var(--color-warning);color:color-mix(in srgb,var(--color-warning) 38%,var(--color-text));box-shadow:0 10px 28px color-mix(in srgb,var(--color-warning) 14%,transparent),0 1px 0 color-mix(in srgb,var(--color-bg) 70%,transparent)}.page-message__text{flex:1 1 auto;font-weight:600;padding-top:2px}.page-message__close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:var(--space-10);min-height:var(--space-10);margin:calc(-1 * var(--space-2)) calc(-1 * var(--space-2)) calc(-1 * var(--space-2)) 0;border:none;border-radius:var(--radius-pill);background:transparent;color:inherit;font-size:1.35rem;font-weight:500;line-height:1;cursor:pointer;opacity:.75;transition:opacity var(--transition-fast),background-color var(--transition-fast)}.page-message__close:hover{opacity:1;background:color-mix(in srgb,currentColor 10%,transparent)}.page-message__close:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.page-message{animation:none}}@media (max-width:768px){.page-messages__inner{padding:var(--space-3) var(--space-4) 0}.page-message{font-size:var(--text-sm);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);gap:var(--space-3)}.page-message__close{min-width:44px;min-height:44px;margin:calc(-1 * var(--space-2)) calc(-1 * var(--space-3)) calc(-1 * var(--space-2)) 0}}