#electricity-fallback { position: fixed; inset: 0; z-index: 999; overflow: auto; padding: clamp(24px, 5vw, 64px); background: #080e18; color: #e7edf6; font: 16px/1.8 "IBM Plex Sans Thai", sans-serif; }
#electricity-fallback > div { max-width: 760px; margin: auto; }
#electricity-fallback h1 { font-size: clamp(26px, 4vw, 40px); line-height: 1.5; }
#electricity-fallback p { color: #b6c4d6; }
#electricity-fallback details { padding: 16px 0; border-top: 1px solid #29313d; }
#electricity-fallback summary { cursor: pointer; color: #f7ce85; }
#electricity-fallback a { color: #f7ce85; }
#electricity-retry { display: none; border: 1px solid #f7ce85; border-radius: 8px; padding: 10px 18px; background: #f7ce85; color: #080e18; font: inherit; cursor: pointer; }
html[data-electricity="failed"] #electricity-retry { display: inline-block; }
html[data-electricity="loading"] #electricity-fallback { display: none; }
html[data-electricity="failed"] #root { visibility: hidden; }
#electricity-fallback :focus-visible { outline: 2px solid #f7ce85; outline-offset: 4px; }