@import"https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700&display=swap";:root[data-theme=yuki]{--yk-navy: #1f2c4a;--yk-berry: #a8323b;--yk-wool: #fbf7ef;--yk-ice: #dce9f4}[data-theme=yuki] body{background:var(--sky1);font-family:Zen Maru Gothic,sans-serif}[data-theme=yuki] #sky{background:linear-gradient(180deg,var(--sky1) 0%,var(--sky2) 38%,var(--sky3) 66%)}[data-theme=yuki] .stars i{border-radius:50%;background:#f4f6ff;box-shadow:0 0 5px 1px #c8dcffb3}[data-theme=yuki] .aurora{top:0;left:-6%;width:112%;height:50vh;opacity:var(--aurora);mix-blend-mode:screen;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 70%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 70%,transparent 100%)}[data-theme=yuki] .aurora .ribbon{transform-box:view-box;transform-origin:50% 70%;animation:yukiAur 19s ease-in-out infinite alternate}[data-theme=yuki] .aurora .r2{animation-duration:27s;animation-delay:-9s}@keyframes yukiAur{0%{transform:translate(-3%) skew(-7deg) scaleY(.92);opacity:.75}35%{opacity:1}60%{transform:translate(2%) skew(4deg) scaleY(1.06);opacity:.8}to{transform:translate(4%) skew(-2deg) scaleY(.98);opacity:1}}[data-theme=yuki] .sun{width:150px}[data-theme=yuki] .moon{width:120px}[data-theme=yuki] .range{left:0;bottom:calc(30vh + 22px);width:100%;height:14vh}[data-theme=yuki] .farwood{left:0;bottom:calc(30vh - 4px);width:100%;height:64px}[data-theme=yuki] .farwood{overflow:visible}[data-theme=yuki] .farwood .fw1{fill:var(--pfar)}[data-theme=yuki] .farwood .fw2{fill:var(--pfar);opacity:.5}[data-theme=yuki] .hill.mid{left:0;bottom:0;width:100%;height:37vh}[data-theme=yuki] .village{left:50%;bottom:26.5vh;width:min(330px,86vw);height:auto;aspect-ratio:3 / 1;transform:translate(-50%);overflow:visible}[data-theme=yuki] .village .glow{opacity:var(--glow)}[data-theme=yuki] .village .smoke{opacity:var(--smoke);animation:yukiSmoke 7s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}@keyframes yukiSmoke{0%,to{transform:skew(0) scaleY(1)}50%{transform:skew(-12deg) scaleY(1.08)}}[data-theme=yuki] .hill.near{left:0;bottom:0;width:100%;height:17vh}[data-theme=yuki] .pines{bottom:0;height:44vh;max-height:400px;width:auto;aspect-ratio:160 / 300}[data-theme=yuki] .pines.pl{left:-34px}[data-theme=yuki] .pines.pr{right:-34px}[data-theme=yuki] .snow{inset:0}[data-theme=yuki] .snow>*{position:absolute;top:-16px;aspect-ratio:1;height:auto;animation-name:yukiFall,yukiSway;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-direction:normal,alternate}[data-theme=yuki] .snow i{border-radius:50%;background:radial-gradient(circle,#fff 0 45%,#ffffff8c 70%,#fff0)}[data-theme=yuki] .snow.far i{filter:blur(.3px)}[data-theme=yuki] .snow .xtal{color:#fff;filter:drop-shadow(0 0 1.5px rgba(120,160,210,.5))}@keyframes yukiFall{0%{top:-16px}to{top:calc(100% + 16px)}}@keyframes yukiSway{0%{transform:translate(calc(var(--sw) * -.5)) rotate(-30deg)}to{transform:translate(calc(var(--sw) * .5)) rotate(40deg)}}[data-theme=yuki] #clock{filter:drop-shadow(0 16px 22px rgba(24,40,72,.3))}.dial-yuki .wool{fill:url(#yukiWool);stroke:#6e1a23;stroke-width:.8}.dial-yuki .knit{fill:#f6eddc}.dial-yuki .knit-line{fill:none;stroke:#f6eddc;stroke-width:1.3}.dial-yuki .stitch{fill:none;stroke:#000;stroke-width:.5;opacity:.1}.dial-yuki .mnum{font:700 8.8px Outfit,Fredoka,sans-serif;fill:#fbf2e0;letter-spacing:-.01em}.dial-yuki .rose{fill:#f6eddc;opacity:.9}.dial-yuki .face{fill:url(#yukiFace)}.dial-yuki .face-sh{fill:none;stroke:#2a4468;stroke-width:3;opacity:.07}.dial-yuki .rule{fill:none;stroke:#9fb6cc;stroke-width:.7}.dial-yuki .dot{fill:#8d9cb0}.dial-yuki .tick.big{stroke:#1f2c4a;stroke-width:2.6;stroke-linecap:round}.dial-yuki .hnum{font:600 21.5px Outfit,Fredoka,sans-serif;fill:#1f2c4a}.dial-yuki .emb{color:#a8323b;opacity:.75}.dial-yuki .cap-sh{fill:#3a2a4a;opacity:.18}.dial-yuki .cap-snow{fill:url(#yukiCap)}.dial-yuki .icicle{fill:#e6f1fa;stroke:#b9d0e4;stroke-width:.4}.dial-yuki .glint{fill:#fff}.dial-yuki .cap{transform-box:view-box;transform-origin:0 -112px}.dial-yuki .puff{fill:url(#yukiPuffG);opacity:0;transform-box:fill-box;transform-origin:center}.dial-yuki .puff-x{color:#fff;opacity:0;transform-box:view-box;transform-origin:0 0}.dial-yuki .hh{fill:#1f2c4a}.dial-yuki .mh{fill:#b5343d}.dial-yuki .pin{fill:url(#yukiHub);stroke:#1f2c4a;stroke-width:1.4}.dial-yuki .pin-dot{fill:#b5343d}#clock.ringing .dial-yuki .cap{animation:yukiCap .7s ease}#clock.ringing .dial-yuki .puff{animation:yukiPuff 1s cubic-bezier(.2,.7,.4,1) both}#clock.ringing .dial-yuki .puff-x{animation:yukiPuffX 1s cubic-bezier(.2,.7,.4,1) both}@keyframes yukiCap{20%{transform:rotate(-2deg)}45%{transform:rotate(1.6deg) scale(1.02,.97)}70%{transform:rotate(-.6deg)}}@keyframes yukiPuff{0%{opacity:1;transform:translate(0) scale(.7)}55%{opacity:.95}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1.5)}}@keyframes yukiPuffX{0%{opacity:0;transform:translate(0) scale(.4) rotate(0)}15%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(var(--s)) rotate(120deg)}}[data-theme=yuki] #themeBtn{color:var(--yk-navy);background:var(--yk-wool);box-shadow:inset 0 0 0 2px var(--yk-berry),0 4px 12px #1828483d;outline:1.4px dashed rgba(168,50,59,.55);outline-offset:-7px}[data-theme=yuki] #nowBtn{color:var(--yk-navy);background:#fbf7efe6;box-shadow:inset 0 0 0 1px #1f2c4a24,0 2px 8px #1828481a}[data-theme=yuki] #nowBtn[aria-pressed=true]{background:var(--yk-wool);color:var(--yk-navy);box-shadow:inset 0 0 0 2px var(--yk-berry),0 3px 10px #18284833;outline:1.2px dashed rgba(168,50,59,.5);outline-offset:-6px}[data-theme=yuki] #nowBtn[aria-pressed=true] .live-dot{background:var(--yk-berry)}[data-theme=yuki] .ampm{padding:6px;border-radius:999px;background:var(--yk-wool);box-shadow:inset 0 0 0 1px #1f2c4a1f,0 8px 20px #18284838}[data-theme=yuki] .ampm:before{content:"";position:absolute;inset:3px;border-radius:999px;pointer-events:none;border:1.2px dashed rgba(31,44,74,.22)}[data-theme=yuki] .knob{top:6px;bottom:6px;left:6px;width:calc(50% - 6px);border-radius:999px;background:linear-gradient(180deg,#b63c45,#962b34);box-shadow:0 3px 8px #6e1a2359;outline:1.2px dashed rgba(251,242,224,.7);outline-offset:-5px}[data-theme=yuki] .ampm-btn{font-weight:700;color:var(--yk-navy);letter-spacing:.16em}[data-theme=yuki] .ampm-btn[aria-checked=true]{color:#fff8ec}[data-theme=yuki] #readout{width:100%;min-height:110px;padding:18px 52px 14px;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--yk-navy);background:linear-gradient(180deg,#fffdf8,#f4eee2);box-shadow:inset 0 0 0 1px #1f2c4a1a,0 14px 28px #18284847}[data-theme=yuki] #readout:before{content:"";position:absolute;inset:7px;border-radius:18px;pointer-events:none;border:1.4px dashed rgba(168,50,59,.4)}[data-theme=yuki] #readout:after{content:"";position:absolute;left:10px;right:14px;top:-7px;height:16px;pointer-events:none;background:radial-gradient(30px 8px at 8% 9px,#fff 98%,transparent),radial-gradient(44px 10px at 27% 9px,#fff 98%,transparent),radial-gradient(36px 7px at 47% 10px,#fff 98%,transparent),radial-gradient(48px 10px at 69% 9px,#fff 98%,transparent),radial-gradient(30px 7px at 90% 10px,#fff 98%,transparent),linear-gradient(#fff,#fff) 0 9px / 100% 7px no-repeat;border-radius:10px 10px 4px 4px;filter:drop-shadow(0 1.5px 0 rgba(150,180,210,.55))}[data-theme=yuki] .ap{white-space:nowrap;flex:none;font-size:12px;font-weight:700;letter-spacing:.16em;line-height:1;color:#fff8ec;background:var(--yk-berry);border-radius:999px;padding:5px 11px 5px 13px}[data-theme=yuki] .time{white-space:nowrap}[data-theme=yuki] .time b{font:600 clamp(42px,12.5vw,56px) "Outfit",sans-serif;color:var(--yk-navy);letter-spacing:-.01em}[data-theme=yuki] .time b.m{color:var(--yk-berry)}[data-theme=yuki] .time i{font-weight:700;font-size:20px;color:#4a5a78;margin:0 7px 0 4px}[data-theme=yuki] .time i:last-child{margin-right:0}[data-theme=yuki] .time i.x{color:var(--yk-berry)}[data-theme=yuki] .speaker{right:22px;color:var(--yk-navy)}@media(orientation:landscape){[data-theme=yuki] .range{bottom:calc(14vh + 26px);height:22vh}[data-theme=yuki] .farwood{bottom:calc(14vh + 2px)}[data-theme=yuki] .hill.mid{height:19vh}[data-theme=yuki] .hill.near{height:9vh}[data-theme=yuki] .village{left:auto;right:3vw;bottom:3vh;width:min(300px,36vw);transform:none}[data-theme=yuki] .pines{height:62vh}[data-theme=yuki] .pines.pr{display:none}[data-theme=yuki] .aurora{height:62vh}}@media(orientation:landscape)and (max-height:480px){[data-theme=yuki] .time b{font-size:44px}[data-theme=yuki] #readout{min-height:90px;padding:14px 48px 10px}[data-theme=yuki] .sun{width:110px}[data-theme=yuki] .moon{width:90px}}@media(prefers-reduced-motion:reduce){[data-theme=yuki] .snow>*{animation:none;top:var(--y)}[data-theme=yuki] .aurora .ribbon,[data-theme=yuki] .village .smoke{animation:none}}