/* Porcelain rests on the sill; its right edge matches the hinge axis, 10px inside the 24px PVC frame. */
.page .coastal-workspace.shelf-window-widget .window-weather .weather-v4-main,
.coastal-workspace.shelf-window-widget .window-weather .weather-v4-main,
body.authed #view .coastal-workspace.shelf-window-widget .window-weather .weather-v4-main{bottom:-24px;right:-24px;z-index:7;overflow:visible}
.page .coastal-workspace.shelf-window-widget .window-weather .weather-v4-reading,
.coastal-workspace.shelf-window-widget .window-weather .weather-v4-reading,
body.authed #view .coastal-workspace.shelf-window-widget .window-weather .weather-v4-reading{padding:0;overflow:visible}
.page .coastal-workspace.shelf-window-widget .window-weather .porcelain-temperature,
.coastal-workspace.shelf-window-widget .window-weather .porcelain-temperature,
body.authed #view .coastal-workspace.shelf-window-widget .window-weather .porcelain-temperature{--porcelain-size:38px;position:relative;display:block;width:max-content;height:var(--porcelain-size);padding:0;line-height:1;background:none;border:0;text-shadow:none;filter:none;-webkit-text-stroke:0;overflow:visible}
.porcelain-digits{position:relative;display:flex;align-items:flex-end;gap:2px;height:var(--porcelain-size);transform-origin:100% 100%;filter:brightness(1.18) contrast(1.04) drop-shadow(.5px 1px .65px #3246564b)}
.porcelain-temperature .porcelain-glyph{display:block;flex:none;width:calc(var(--porcelain-size)*var(--glyph-width));height:calc(var(--porcelain-size)*var(--glyph-height));overflow:hidden;stroke:none}
.porcelain-temperature .porcelain-minus{align-self:center;margin-right:1px}
.porcelain-temperature .porcelain-unit{margin-left:2px}
.porcelain-contact-shadow{position:absolute;left:3px;right:1px;height:3px;bottom:-1px;border-radius:50%;background:#35444e4a;filter:blur(1.2px);transform-origin:center}
.porcelain-readable{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
/* Approved 2026-11-13: a quiet 10-second bounce on the live temperature. */
.coastal-workspace .porcelain-digits,.temperature-motion-preview .porcelain-digits{animation:porcelain-tiny-hop 10s infinite;animation-timing-function:linear}
.coastal-workspace .porcelain-contact-shadow,.temperature-motion-preview .porcelain-contact-shadow{animation:porcelain-hop-shadow 10s linear infinite}
.temperature-motion-preview .porcelain-temperature.motion-replay .porcelain-digits{animation:porcelain-tiny-hop-once 1.1s linear}
.temperature-motion-preview .porcelain-temperature.motion-replay .porcelain-contact-shadow{animation:porcelain-hop-shadow-once 1.1s linear}
@keyframes porcelain-tiny-hop{0%,86%,100%{transform:translateY(0) scale(1)}87%{transform:translateY(0) scale(1.025,.975)}89.5%{transform:translateY(-4px) scale(.99,1.01)}92%{transform:translateY(0) scale(1.025,.975)}94%{transform:translateY(-1.5px) scale(.995,1.005)}96%{transform:translateY(0) scale(1.01,.99)}98%{transform:translateY(0) scale(1)}}
@keyframes porcelain-hop-shadow{0%,86%,100%{transform:scaleX(1);opacity:1}89.5%{transform:scaleX(.85);opacity:.55}92%{transform:scaleX(1.02);opacity:1}94%{transform:scaleX(.94);opacity:.75}98%{transform:scaleX(1);opacity:1}}
@keyframes porcelain-tiny-hop-once{0%,100%{transform:translateY(0) scale(1)}8%{transform:scale(1.025,.975)}30%{transform:translateY(-4px) scale(.99,1.01)}55%{transform:translateY(0) scale(1.025,.975)}72%{transform:translateY(-1.5px)}88%{transform:translateY(0) scale(1.01,.99)}}
@keyframes porcelain-hop-shadow-once{0%,100%{transform:scaleX(1);opacity:1}30%{transform:scaleX(.85);opacity:.55}55%{transform:scaleX(1.02);opacity:1}72%{transform:scaleX(.94);opacity:.75}}
@media(max-width:760px){.coastal-workspace.shelf-window-widget .window-weather .porcelain-temperature,body.authed #view .coastal-workspace.shelf-window-widget .window-weather .porcelain-temperature{--porcelain-size:34px}}

/* The left comparison card intentionally shows a still reference. */
#still .porcelain-digits,#still .porcelain-contact-shadow{animation:none}