.imsak-angle-figure{border:1px solid var(--line,#d9e8df);background:var(--card,#fff);border-radius:14px;margin:24px 0 0;overflow:hidden}.imsak-angle-controls{border-bottom:1px solid var(--line,#d9e8df);justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.imsak-angle-prompt{color:var(--text,#15251d);font-size:.88em;font-weight:600;line-height:1.5}.imsak-angle-options{border:1px solid var(--line,#d9e8df);background:var(--paper,#f8fcfa);border-radius:10px;flex-shrink:0;gap:5px;padding:4px;display:flex}.imsak-angle-options button{min-width:64px;min-height:44px;color:var(--green,#08743f);font-variant-numeric:tabular-nums;background:0 0;border:1px solid #0000;border-radius:7px;padding:8px 12px;font-size:18px;font-weight:700;line-height:1.2}.imsak-angle-options button:hover{border-color:#9ccbad}.imsak-angle-options button[aria-pressed=true]{background:var(--green,#08743f);color:#fff}.imsak-angle-options button:focus-visible{outline-offset:3px;outline:3px solid #209f68}.imsak-angle-plot{isolation:isolate;position:relative;overflow:hidden}.imsak-angle-svg{width:100%;height:auto;display:block}.imsak-angle-plot>span{z-index:1;color:#294a35;pointer-events:none;font-size:15px;font-weight:600;line-height:1.3;position:absolute}.imsak-angle-observer-label{top:10%;left:4%}.imsak-angle-horizon-label{top:10%;right:5%}.imsak-angle-plot .imsak-angle-value{color:var(--green,#08743f);font-variant-numeric:tabular-nums;font-size:23px;font-weight:700;top:31%;left:34%}.imsak-angle-sun-label{bottom:5%;right:11%}.imsak-angle-status{border-top:1px solid var(--line,#d9e8df);background:var(--green-light,#eaf7ee);color:var(--deep,#06552f);align-items:center;gap:8px;padding:13px 22px;font-size:.9em;font-weight:700;line-height:1.5;display:flex}.imsak-angle-status-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.imsak-angle-caption{padding:17px 22px 19px}.imsak-angle-figure .imsak-angle-temkin-note{color:var(--text,#15251d);font-size:.9em;line-height:1.7}.imsak-angle-figure .imsak-angle-scope-note{color:var(--muted,#566b5e);margin-top:8px;font-size:.8em;line-height:1.6}@media (max-width:560px){.imsak-angle-controls{flex-direction:column;align-items:stretch;gap:13px;padding:17px 16px}.imsak-angle-options{align-self:flex-start}.imsak-angle-plot>span{font-size:14px}.imsak-angle-plot .imsak-angle-value{font-size:20px;top:28%;left:45%}.imsak-angle-status{padding:13px 16px}.imsak-angle-caption{padding:16px}}@media (prefers-reduced-motion:reduce){.imsak-angle-options button{transition:none}}@media print{.imsak-angle-figure{break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact;border-color:#9ca8a0}.imsak-angle-controls{display:none}.imsak-angle-plot{max-width:580px;margin-inline:auto}.imsak-angle-status{border-bottom:1px solid #cbd8d0}}