#kelly-storage-dialog { box-sizing: border-box; width: min(36rem, calc(100% - 2rem)); max-height: calc(100dvh - 2rem); overflow: auto; border: 1px solid #e0e2db; border-radius: 20px; padding: 24px; color: #20241f; background: #f7f7f4; font: 1rem/1.5 system-ui, sans-serif; }
#kelly-storage-dialog::backdrop { background: rgb(0 0 0 / 60%); }
#kelly-storage-dialog h1 { font-size: 1.5rem; line-height: 1.2; margin-top: 0; }
#kelly-storage-dialog a { color: inherit; text-underline-offset: 3px; }
#kelly-storage-dialog button, #kelly-cookie-settings { font: inherit; cursor: pointer; border: 1px solid #62665f; border-radius: 12px; padding: 12px 16px; background: #b6cf79; color: #17251b; }
#kelly-storage-dialog .storage-note { font-size: .875rem; }
#kelly-cookie-settings { position: fixed; right: 8px; bottom: 8px; z-index: 10000; font: .75rem system-ui, sans-serif; padding: 6px 10px; }
#kelly-storage-dialog :focus-visible, #kelly-cookie-settings:focus-visible { outline: 3px solid #676770; outline-offset: 3px; }
@media (prefers-color-scheme: dark) { #kelly-storage-dialog { background: #15151b; color: #f5f5f7; border-color: #303039; } #kelly-storage-dialog button, #kelly-cookie-settings { background: #ccff00; } }