/* Interface refinements from Midiary: visible field edges in the light theme, one select arrow for every theme, the storage notice above the bottom menu,
   no focus ring on headings that get programmatic focus, and a page that stays still behind a modal dialog. */
#fgu-diary-design[data-theme=light] :is(input.fd-input,textarea.fd-input,select.fd-input){border:1px solid color-mix(in srgb,#111 24%,transparent);background-color:#fff}
#fgu-diary-design select.fd-input:not(.language-picker select){appearance:none;-webkit-appearance:none;padding-right:44px;background-repeat:no-repeat;background-position:right 16px center;background-size:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
#fgu-diary-design .storage-notice{position:fixed;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);z-index:45;margin:0 auto;box-shadow:0 18px 46px #0007;animation:sc-rise .5s cubic-bezier(.2,.8,.2,1) both}
#fgu-diary-design:has(#nav:not([hidden])) .storage-notice{bottom:calc(env(safe-area-inset-bottom,0px) + 108px)}
#fgu-diary-design .storage-notice{padding:14px 16px;font-size:13px;line-height:1.45;max-width:460px}
#fgu-diary-design .storage-notice button{margin:8px 0 0}
#fgu-diary-design [tabindex="-1"]:is(h1,h2,h3,h4,section,main,div):is(:focus,:focus-visible){outline:none}
html:has(dialog:modal),body:has(dialog:modal){overflow:hidden;overscroll-behavior:none}
dialog:modal{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
@keyframes sc-rise{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}
.offline-banner{position:fixed;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 104px);z-index:30;padding:10px 14px;border-radius:14px;background:#2b2412;color:#ffe9a8;border:1px solid #6b5a22;font-size:14px;text-align:center}
#fgu-diary-design .storage-notice{background:color-mix(in srgb,var(--fd-surface,#141414) 97%,transparent);border:1px solid var(--fd-border,#ffffff2b);border-radius:20px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
/* the bottom menu is nearly opaque: lesson cards that scroll under it no longer show through its buttons */
#fgu-diary-design[data-theme=dark][data-page] .fd-bottom-nav{background-color:#0c0c0cee;-webkit-backdrop-filter:blur(22px) saturate(1.3);backdrop-filter:blur(22px) saturate(1.3)}
#fgu-diary-design[data-theme=light][data-page] .fd-bottom-nav{background-color:#f6f6f7ee;-webkit-backdrop-filter:blur(22px) saturate(1.3);backdrop-filter:blur(22px) saturate(1.3)}