:root{color-scheme:light;--paper:#fffefa;--ink:#17322e;--muted:#5e7069;--line:#e3e7df;--accent:#a36a05}
:root[data-theme=dark]{color-scheme:dark;--paper:#172825;--ink:#f7f4ec;--muted:#b5c5bf;--line:#3a4c45;--accent:#f7bf59}
@media(prefers-color-scheme:dark){:root[data-theme=auto]{color-scheme:dark;--paper:#172825;--ink:#f7f4ec;--muted:#b5c5bf;--line:#3a4c45;--accent:#f7bf59}}
*{box-sizing:border-box}body{margin:0;background:transparent;color:var(--ink);font-family:system-ui,sans-serif;font-size:13px}.widget{border:1px solid var(--line);border-radius:18px;background:var(--paper);padding:18px 20px;min-height:252px;display:flex;flex-direction:column;gap:16px}header,footer{display:flex;align-items:center;justify-content:space-between;gap:12px}h1{font-size:14px;font-weight:650;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}header span{color:var(--muted);white-space:nowrap;font-size:11px}.readings{display:flex;align-items:center;gap:18px;flex:1}.sun-block{flex:1;min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.metric{display:flex;gap:8px;align-items:center;min-width:0}.metric svg{width:25px;height:25px;stroke:var(--accent);stroke-width:1.7;fill:none;flex-shrink:0}.metric span,.moon-block span{display:block;font-size:11px;color:var(--muted);margin-bottom:3px}.metric strong{display:block;font-size:20px;font-weight:600;letter-spacing:-.8px;line-height:1.2}.daylight{grid-column:1/-1;margin:0;color:var(--muted);font-size:11px}.moon-block{display:flex;align-items:center;gap:12px}.moon{width:54px;height:54px;flex-shrink:0}.moon-block strong{font-size:14px;font-weight:550;display:block;margin-bottom:4px}.moon-block span{margin:0}footer{margin-top:auto;font-size:10px;color:var(--muted);gap:8px}footer>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}footer a{white-space:nowrap;color:var(--ink);text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}.widget[data-layout=card] .readings{align-items:stretch;flex-direction:column;gap:12px}.widget[data-layout=card] .moon-block{border-top:1px solid var(--line);padding-top:10px}.widget[data-layout=card] .moon{width:38px;height:38px}.widget[data-layout=card][data-data=moon] .moon-block{border-top:0;flex:1;justify-content:center}.widget[data-layout=card][data-data=moon] .moon{width:80px;height:80px}.widget[data-layout=square]{min-height:300px}.widget[data-layout=square] .readings{flex-direction:column;gap:14px;align-items:stretch}.widget[data-layout=square] .sun-block{flex:0}.widget[data-layout=square] .moon-block{justify-content:center;border-top:1px solid var(--line);padding-top:12px}.widget[data-layout=square][data-data=moon] .moon-block{border:0;flex-direction:column;padding:0;text-align:center}.widget[data-layout=square][data-data=moon] .moon{width:92px;height:92px}.widget[data-layout=square][data-data=sun] .readings{justify-content:center}.widget[data-layout=strip]{min-height:164px;padding:14px 18px;gap:12px}.widget[data-layout=strip] .moon-block{border-left:1px solid var(--line);padding-left:20px;flex:1}.widget[data-layout=strip][data-data=moon] .moon-block{border:0;padding:0}.widget[data-layout=strip] .sun-block{min-width:210px}.widget[data-layout=strip] .moon{width:40px;height:40px}.widget[data-layout=strip][data-data=both] .metric strong{font-size:18px}#widget-error{line-height:1.6;font-size:12px;margin:0}
@media(max-width:420px){.widget[data-layout=strip]{gap:10px;padding:12px;min-height:164px}.widget[data-layout=strip] .sun-block{min-width:0;gap:10px}.widget[data-layout=strip] .metric svg{display:none}.widget[data-layout=strip] .moon-block{padding-left:10px;gap:6px;flex:.85}.widget[data-layout=strip] .moon{width:26px;height:26px}.widget[data-layout=strip] .moon-block strong{font-size:11px}.widget[data-layout=strip] .moon-block span{font-size:10px}.widget[data-layout=strip] .metric strong{font-size:17px}}