/* Deliberately scoped and opaque: the recovery notice is legible in every theme. */
#ceramicStabilityNotice { position: fixed; z-index: 2147483000; top: 12px; left: 50%; transform: translateX(-50%); width: min(680px, calc(100vw - 32px)); box-sizing: border-box; padding: 16px 20px; border: 2px solid #886414; border-radius: 12px; background: #fff8e8 !important; color: #372b13 !important; box-shadow: 0 6px 24px #0003; font: 15px/1.6 system-ui, sans-serif; text-align: left; }
#ceramicStabilityNotice[hidden], #ceramicStabilityNotice [hidden] { display: none !important; }
#ceramicStabilityNotice { display: block; height: auto !important; min-height: 0 !important; max-height: calc(100dvh - 24px); bottom: auto !important; right: auto !important; overflow: auto; }
#ceramicStabilityNotice strong, #ceramicStabilityNotice p { color: #372b13 !important; opacity: 1 !important; margin: 0 0 8px; }
#ceramicStabilityNotice > div { display: flex; flex-wrap: wrap; gap: 10px; }
#ceramicStabilityNotice a, #ceramicStabilityNotice button { display: inline-block; margin: 0; padding: 7px 12px; border: 1px solid #075570; border-radius: 8px; background: #075570 !important; color: #fff !important; opacity: 1 !important; font: inherit; text-decoration: none; cursor: pointer; }
#ceramicStabilityNotice :is(a,button):hover { background: #06445a !important; }
#ceramicStabilityNotice :is(a,button):focus-visible { outline: 3px solid #075570; outline-offset: 3px; }
body[data-stability-protected="1"] .workspace { pointer-events: none !important; }
#auth .stability-login-link { display: block; margin-top: 12px; color: #075570 !important; font-size: 13px; text-align: center; text-decoration: underline; }