.storage-dialog { width: min(590px, calc(100% - 28px)); max-height: calc(100dvh - 28px); padding: 0; border: 1px solid var(--mapka-border-strong); border-radius: 16px; background: var(--mapka-midnight); color: var(--mapka-snow); box-shadow: 0 18px 60px var(--mapka-shadow); }
.storage-dialog::backdrop { background: rgb(9 20 25 / 78%); }
.storage-dialog-inner { padding: clamp(20px, 4vw, 32px); font: 16px/1.55 Arial, Helvetica, sans-serif; }
.storage-dialog h2 { margin: 0 0 12px; font: 600 27px/1.2 Arial, Helvetica, sans-serif; }
.storage-dialog p { margin: 0 0 24px; color: var(--mapka-cool-gray); }
.storage-dialog a { color: var(--mapka-glacier-teal); }
.storage-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.storage-actions button { flex: 1 1 210px; min-height: 48px; padding: 10px 16px; border: 1px solid var(--mapka-border-strong); border-radius: 10px; background: var(--mapka-slate); color: var(--mapka-snow); font: 600 15px/1.25 Arial, Helvetica, sans-serif; cursor: pointer; }
.storage-actions [data-storage-accept] { background: var(--mapka-glacier-teal); color: var(--mapka-midnight); border-color: var(--mapka-glacier-teal); }
.storage-actions button:focus-visible, .storage-dialog a:focus-visible, [data-cookie-settings]:focus-visible { outline: 3px solid var(--mapka-glacier-teal); outline-offset: 3px; }