[hidden]{display:none}.cookie-banner{position:fixed;left:var(--space-3);right:var(--space-3);bottom:var(--space-3);z-index:1000;background:var(--c-bg);border-top:2px solid var(--c-accent);box-shadow:0 8px 30px color-mix(in srgb,var(--c-fg) 18%,transparent);padding:var(--space-3);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.cookie-copy{max-width:62ch}.cookie-copy h2{font-size:1rem;margin-bottom:var(--space-1)}.cookie-copy p{font-size:.88rem;color:var(--c-muted);line-height:1.55}.cookie-actions{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap;justify-content:flex-end}.cookie-button{border:1px solid var(--c-line);background:var(--c-bg-soft);color:var(--c-fg);padding:.7rem 1rem;border-radius:var(--radius-sm);font:inherit;font-size:.85rem;cursor:pointer}.cookie-button.primary{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-fg-on-dark)}.cookie-button.secondary{background:transparent}.cookie-link{font-size:.8rem;color:var(--c-accent);white-space:nowrap}.cookie-modal{position:fixed;inset:0;z-index:1000;background:color-mix(in srgb,var(--c-fg) 35%,transparent);display:grid;place-items:center;padding:var(--space-3)}.cookie-panel{width:min(100%,560px);background:var(--c-bg);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:0 12px 40px color-mix(in srgb,var(--c-fg) 22%,transparent)}.cookie-panel h2{font-family:var(--font-display);font-size:1.55rem;margin-bottom:var(--space-2)}.cookie-options{display:grid;gap:var(--space-2);margin-block:var(--space-3)}.cookie-option{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--c-line);border-radius:var(--radius-sm)}.cookie-option input{margin-top:.3rem;accent-color:var(--c-accent)}.cookie-option label{font-size:.9rem}.cookie-panel-actions{display:flex;justify-content:flex-end;gap:var(--space-1)}
@media (max-width:640px){.cookie-banner{left:var(--space-2);right:var(--space-2);bottom:var(--space-2);display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2)}.cookie-actions{justify-content:stretch}.cookie-button{flex:1}.cookie-link{text-align:center;display:block}.cookie-panel-actions{display:flex;flex-direction:column}.cookie-panel-actions .cookie-button{width:100%}}
@media (min-width:641px) and (max-width:1024px){.cookie-banner{align-items:flex-start}.cookie-actions{max-width:340px}}
@media (min-width:1025px){.cookie-banner{max-width:980px;margin-inline:auto}}