.sun-study{z-index:2;background:var(--white);outline:none;flex-direction:column;height:100svh;display:flex;position:relative}.sun-study:focus-visible .ss-stage{box-shadow:inset 0 0 0 1px var(--ink)}.ss-head{padding:28px var(--m) 20px;grid-template-columns:1fr auto;align-items:end;gap:6px 24px;display:grid}.ss-title{font-size:clamp(36px, calc(56 * var(--vw)), 64px);grid-column:1;line-height:1}.ss-sub{grid-column:1;font-size:15px}.ss-chips{grid-area:1/2/span 2;align-self:end;gap:6px;display:flex}.ss-chip{font-family:var(--mono);letter-spacing:.02em;white-space:nowrap;border:1px solid var(--hair);min-height:32px;color:var(--ink);background:var(--white);transition:background-color .6s var(--ease-out), color .6s var(--ease-out), border-color .6s var(--ease-out);border-radius:6px;padding:8px 12px;font-size:11px}.ss-chip:hover{border-color:var(--ink)}.ss-chip[aria-pressed=true]{background:var(--ink);color:var(--white);border-color:var(--ink)}.ss-chip:focus-visible{outline:1px solid var(--ink);outline-offset:2px}.ss-stage{min-height:0;margin-inline:var(--m);background:radial-gradient(120% 90% at 50% 30%,#f9f6f0 0%,#f1ebe1 60%,#e8e0d3 100%);flex:auto;position:relative;overflow:hidden}.ss-still,.ss-canvas{width:100%;height:100%;position:absolute;inset:0}.ss-still{object-fit:cover}.ss-canvas{opacity:0;display:block}.sun-study[data-live] .ss-stage{cursor:default}.ss-foot{padding:14px var(--m) 76px;grid-template-columns:auto 1fr;align-items:center;gap:32px;font-size:11px;display:grid}.ss-readout{font-variant-numeric:tabular-nums;min-width:24ch}.ss-track{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;display:grid}.ss-line{background:var(--hair);height:1px;position:relative;container-type:inline-size}.ss-dot{background:#e6a35c;border-radius:50%;width:9px;height:9px;position:absolute;top:-4px;left:-4px;box-shadow:0 0 0 3px #e6a35c2e}@media (max-width:760px){.ss-head{grid-template-columns:1fr;padding-top:20px;padding-bottom:14px}.ss-chips{grid-area:auto/1;margin-top:10px}.ss-foot{grid-template-columns:1fr;gap:10px;padding-bottom:76px}.ss-keys{display:none}.sun-study .row-label .label{white-space:nowrap}}@media (prefers-reduced-motion:reduce){.sun-study{height:auto}.ss-stage{aspect-ratio:16/10;flex:none}.ss-canvas{display:none}}.sun-study[data-live] .ss-still{visibility:hidden}.sunlight.ss-cut{-webkit-mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%, var(--ss-w) var(--ss-h);-webkit-mask-size:100% 100%, var(--ss-w) var(--ss-h);mask-size:100% 100%, var(--ss-w) var(--ss-h);-webkit-mask-position:0 0, var(--ss-x) var(--ss-y);-webkit-mask-position:0 0, var(--ss-x) var(--ss-y);mask-position:0 0, var(--ss-x) var(--ss-y);-webkit-mask-composite:xor;-webkit-mask-composite:xor;mask-composite:exclude}