.initial-fallback { max-width: 38rem; margin: 8vh auto 2rem; padding: 2rem; font-family: system-ui, sans-serif; color: #491b2a; line-height: 1.6; }
.initial-fallback img { max-width: 100%; height: auto; }
.initial-fallback h1 { font-size: clamp(1.8rem, 5vw, 2.6rem); line-height: 1.2; }
.initial-fallback a { display: inline-block; color: inherit; padding: .7rem 1rem; margin: .25rem; border: 1px solid #dfbbc7; border-radius: 6px; text-decoration: none; }
.initial-fallback a:focus-visible { outline: 2px solid #b73f61; outline-offset: 3px; }
.initial-notice { max-width: 38rem; margin: 0 auto 3rem; padding: 0 2rem; color: #491b2a; font-family: system-ui, sans-serif; line-height: 1.6; }
@media (prefers-color-scheme: dark) { body:has(.initial-fallback) { background: #20191d; } .initial-fallback, .initial-notice { color: #f6eaf0; } .initial-fallback img { background: #fffaf8; padding: .6rem; border-radius: 6px; } }