:root[data-day-phase=morning]{--clock-sky:#f5d9dd;--clock-deep:#d9a5b2;--clock-rim:#b87d91;--clock-ink:#553644}
:root[data-day-phase=day]{--clock-sky:#ffffff;--clock-deep:#e7efee;--clock-rim:#a5b8b4;--clock-ink:#263f43}
:root[data-day-phase=evening]{--clock-sky:#65413d;--clock-deep:#302f48;--clock-rim:#e59678;--clock-ink:#ffd3a2}
.cat-clock-city{font-size:13px;font-weight:600;letter-spacing:1px}.cat-dial-numbers text{font-size:15px;font-weight:700}.cat-dial-pointer path{stroke:var(--clock-ink)}.cat-dial-pointer path:last-child{fill:var(--clock-ink)}
.sun-rays{fill:none;stroke:#f0c36d;stroke-width:1.5;stroke-linecap:round}.sky-cloud{fill:#fff;opacity:.6;animation:cloud-drift 9s ease-in-out infinite}.cloud-two{animation-delay:-4s;opacity:.5}.sky-stars{opacity:0}.moon-marks{opacity:0!important}.celestial-disc{fill:#f1c568}
[data-sky-night=true] .sun-rays{opacity:0}[data-sky-night=true] .moon-marks{opacity:.9!important}[data-sky-night=true] .celestial-disc{fill:#dbe4f3}[data-sky-night=true] .sky-cloud{fill:#37435c;opacity:.78}[data-sky-night=true] .sky-stars{opacity:1;animation:star-glow 5s ease-in-out infinite}
@keyframes cloud-drift{50%{transform:translateX(3px)}}@keyframes star-glow{50%{opacity:.5}}
.hero-sound-control{background:none;border:0;box-shadow:none;backdrop-filter:none;padding:0;min-height:36px}.hero-sound-control #hero-sound-toggle{width:38px;height:38px;min-height:38px;padding:0;display:grid;place-items:center;border-radius:50%;border:1px solid #f6dec350;background:#08161335;backdrop-filter:blur(3px)}.hero-sound-control .sound-label{display:none}.volume-drawer{position:absolute;right:0;bottom:calc(100% + 8px);padding:10px 15px;background:#0a171a9c;border:1px solid #f6dec345;border-radius:30px;backdrop-filter:blur(8px);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .2s,visibility .2s,transform .2s}.volume-open .volume-drawer{opacity:1;visibility:visible;transform:none}.hero-sound-control .volume-drawer #hero-volume{width:95px}
.machine-button{background:var(--lamp)!important;box-shadow:0 0 5px var(--lamp),0 0 13px var(--lamp);height:1.1%;animation-name:machine-colour-glint;mix-blend-mode:screen}@keyframes machine-colour-glint{0%,100%{opacity:.4;filter:brightness(1)}28%{opacity:1;filter:brightness(1.7)}44%{opacity:.55}62%{opacity:.95;filter:brightness(1.3)}}
.living-panel{display:block;width:100%;height:auto}
@media(max-width:700px){.hero-sound-control #hero-sound-toggle{width:32px;height:32px;min-height:32px}.hero-sound-control{min-height:32px;right:12px;bottom:10px}.hero-sound-control #hero-sound-toggle svg{width:14px;height:14px}.cat-clock-city{font-size:14px}.cat-dial-numbers text{font-size:16px}}
@media(prefers-reduced-motion:reduce){.sky-cloud,.sky-stars,.machine-button{animation:none!important}}