.storage-notice[hidden]{display:none!important}
body:has(>.storage-notice:not([hidden])){padding-bottom:var(--storage-notice-height,200px)}
.storage-notice{position:fixed;bottom:0;left:0;right:0;z-index:80;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:22px clamp(20px,4vw,56px);background:#252a25;color:#f5f4ed;border-top:1px solid #777e70;box-shadow:0 -8px 32px #0003;font:inherit;max-height:55svh;overflow:auto}
.storage-notice h2{margin:0 0 8px;font-size:20px;line-height:1.25;letter-spacing:normal}
.storage-notice p{max-width:900px;margin:0;font-size:14px;line-height:1.55;text-align:left;hyphens:none;color:#e0e2d9}
.storage-notice a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.storage-notice-actions{display:flex;gap:12px;flex-wrap:wrap}
.storage-notice-actions button{min-height:44px;padding:12px 18px;border:1px solid #cdd3c2;border-radius:24px;background:transparent;color:#f5f4ed;font:inherit;font-size:14px;cursor:pointer}
.storage-notice-actions button{background:transparent;color:#f5f4ed}
.storage-notice a:focus-visible,.storage-notice button:focus-visible{outline:3px solid #fff;outline-offset:4px}
.storage-notice-status:empty{display:none}
.storage-notice-status{margin-top:10px!important}
[data-storage-status]{display:block;margin-top:12px}
@media(max-width:760px){.storage-notice{grid-template-columns:1fr;gap:16px;padding:18px 20px calc(18px + env(safe-area-inset-bottom))}.storage-notice-actions button{flex:1}.storage-notice-actions{width:100%}}
