.day-night-embed{color:#f8efd9;background:#264c59;max-width:1100px;min-height:100vh;margin:auto;padding:16px;font-size:16px}.day-night-embed header{text-align:center}.day-night-embed h1{font-family:var(--font-hand), cursive;font-size:32px;line-height:1.1}.day-night-embed header p{margin-top:6px}.day-night-embed .universe{width:100%;height:clamp(240px,48vw,340px);margin:0}.day-night-embed .daylight-key{font-size:14px;inset:14px 0 auto}.day-night-embed .daylight-key span{padding:4px 6px}.day-night-embed .scene-label{min-height:44px;font-size:14px}.embed-controls{max-width:660px;margin:0 auto}.embed-controls label{font-weight:800}.embed-controls .paper-slider{width:100%;padding-block:16px}.embed-status{justify-content:space-between;align-items:center;gap:12px;display:flex}.embed-status button{color:#293e46;background:#fff9eb;border:1px solid #8b754f;border-radius:8px;min-height:44px;padding:8px 14px}.embed-fact{margin-top:8px;line-height:1.5}.day-night-embed footer{text-align:center;margin-top:12px;font-size:14px}.day-night-embed footer a{color:#f4cd80;text-underline-offset:3px;padding:8px;text-decoration:underline;display:inline-block}@media (max-width:360px){.day-night-embed{padding:12px}.embed-status{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.day-night-embed *,.day-night-embed :before,.day-night-embed :after{transition:none!important;animation:none!important}}