:root{--sun-lit:#f2b544;--sun-lit-soft:#fdf0d3;--sun-shade:#aab4c1}.cab.dark{--sun-lit:#f6c25a;--sun-lit-soft:#f2b54433;--sun-shade:#46536a}.sun-dock{border:1px solid var(--hairline);background:var(--surface);box-shadow:var(--shadow-lg);font:500 12.5px var(--font-ui), sans-serif;color:var(--text2);border-radius:14px;align-items:center;gap:14px;padding:8px 10px 8px 12px;display:flex}.sun-dates{align-items:center;gap:2px;display:flex;position:relative}.sun-dates>button{height:30px;color:var(--muted);font:600 12.5px var(--font-ui), sans-serif;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9px;padding:0 11px}.sun-dates>button:hover{background:var(--surface-muted);color:var(--ink)}.sun-dates>button[aria-pressed=true]{background:var(--mint-light);color:var(--mint-text)}.sun-dates>.sun-date-pick{justify-content:center;align-items:center;width:30px;padding:0;display:inline-flex}.sun-dates>.sun-date-pick.on{background:var(--mint-light);color:var(--mint-text)}.sun-time{flex:1;align-items:center;gap:8px;min-width:220px;display:flex}.sun-play{background:var(--ink);width:30px;height:30px;color:var(--surface);cursor:pointer;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.cab.dark .sun-play{background:var(--mint);color:#04251d}.sun-edge{font:500 11px var(--font-ui), sans-serif;color:var(--muted);font-variant-numeric:tabular-nums}.sun-slider{appearance:none;background:linear-gradient(90deg, var(--sun-lit) var(--pct,0%), var(--surface-muted) var(--pct,0%));cursor:pointer;border-radius:999px;outline:none;flex:1 1 0;width:100%;min-width:60px;height:6px;margin:0}.sun-slider:focus-visible,.sun-dock button:focus-visible,.sun-cal button:focus-visible,.sun-walls button:focus-visible,.sun-floor button:focus-visible,.sun-floor input:focus-visible{outline:2px solid var(--mint-text);outline-offset:2px}.sun-slider::-webkit-slider-thumb{appearance:none;background:var(--surface);border:2px solid var(--sun-lit);width:18px;height:18px;box-shadow:var(--shadow-md);border-radius:50%}.sun-slider::-moz-range-thumb{background:var(--surface);border:2px solid var(--sun-lit);border-radius:50%;width:16px;height:16px}.sun-readout{text-align:right;flex-direction:column;min-width:96px;line-height:1.15;display:flex}.sun-readout b{font:700 15px var(--font-display), sans-serif;font-variant-numeric:tabular-nums;color:var(--ink)}.sun-readout span{font:500 11px var(--font-ui), sans-serif;color:var(--muted);white-space:nowrap}.sun-dock.compact{border-radius:12px;flex-wrap:wrap;gap:6px 10px;padding:6px 8px 6px 10px}.sun-dock.compact .sun-time{flex:1 1 0;order:1;min-width:0}.sun-dock.compact .sun-readout{flex:none;order:2;min-width:0}.sun-dock.compact .sun-dates{flex:100%;order:3;justify-content:flex-start}.sun-dock.compact .sun-dates>button{height:26px;padding:0 8px;font-size:12px}.sun-dock.compact .sun-dates>.sun-date-pick{width:26px;padding:0}.sun-dock.compact .sun-readout b{font-size:13px}.sun-dock.compact .sun-edge{display:none}@media (max-width:720px){.sun-dock{flex-wrap:wrap;gap:8px 12px}.sun-dates{order:2}.sun-time{flex:100%;order:1;min-width:0}.sun-readout{order:3;margin-left:auto}}.sun-cal{z-index:12;border:1px solid var(--hairline);background:var(--surface);width:264px;box-shadow:var(--shadow-lg);color:var(--text2);border-radius:14px;padding:12px 12px 8px;position:absolute;bottom:calc(100% + 10px);left:0}.sun-dock.compact .sun-cal{left:-2px}.sun-cal[popover]:not(:popover-open){display:none}.sun-cal:popover-open{z-index:auto;margin:0;position:fixed;inset:auto;overflow:visible}.sun-cal-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sun-cal-head b{font:700 13.5px var(--font-display), sans-serif;color:var(--ink);padding-left:4px}.sun-cal-head span{gap:2px;display:flex}.sun-cal-head button{width:28px;height:28px;color:var(--muted);font:600 18px/1 var(--font-ui), sans-serif;cursor:pointer;background:0 0;border:none;border-radius:8px}.sun-cal-head button:hover{background:var(--surface-muted);color:var(--ink)}.sun-cal-wd,.sun-cal-grid{grid-template-columns:repeat(7,1fr);display:grid}.sun-cal-wd span{text-align:center;font:600 10.5px var(--font-ui), sans-serif;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);padding:2px 0 6px}.sun-cal-grid button{height:32px;font:500 12.5px var(--font-ui), sans-serif;font-variant-numeric:tabular-nums;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px}.sun-cal-grid button:hover{background:var(--surface-muted)}.sun-cal-grid button.other{color:var(--muted);opacity:.6}.sun-cal-grid button.today{box-shadow:inset 0 0 0 1.5px var(--mint)}.sun-cal-grid button.sel{background:var(--mint);color:#04251d;box-shadow:none;font-weight:700}.sun-cal-foot{border-top:1px solid var(--hairline);justify-content:space-between;margin-top:6px;padding-top:6px;display:flex}.sun-cal-foot button{font:600 12.5px var(--font-ui), sans-serif;color:var(--mint-text);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 8px}.sun-cal-foot button:hover{background:var(--mint-light)}.sun-cal-foot button.close{color:var(--muted)}.sun-tip{box-shadow:var(--shadow-md);z-index:9;background:var(--tip-bg,#0a2540)!important;color:#fff!important;font:500 12px var(--font-ui), sans-serif!important;border-radius:9px!important;padding:7px 11px!important}.sun-tip.sun-tip-map{pointer-events:none;white-space:nowrap;position:absolute;transform:translate(14px,14px)}.sun-tip b{font:700 13px var(--font-display), sans-serif;display:block}.sun-tip span{opacity:.8}.sun-widget{flex-direction:column;display:flex}.sun-widget-map{background:var(--surface-muted);height:300px;position:relative}.sun-minimap,.sun-minimap.maplibregl-map{position:absolute;inset:0}.sun-minimap .maplibregl-ctrl-top-right{top:4px;right:4px}.sun-minimap .maplibregl-ctrl-top-left{top:4px;left:4px}.sun-minimap .maplibregl-ctrl-attrib.maplibregl-compact{border-radius:9px;min-height:18px;margin:4px}.sun-minimap .maplibregl-ctrl-attrib.maplibregl-compact:not(.maplibregl-compact-show){padding:0 18px 0 0}.sun-minimap .maplibregl-ctrl-top-left>.maplibregl-ctrl-attrib.maplibregl-compact-show{padding:1px 8px 1px 22px}.sun-minimap .maplibregl-ctrl-attrib-button{background-position:50%;background-size:18px 18px;border-radius:9px;width:18px;height:18px}.sun-widget-dock{z-index:3;position:absolute;bottom:12px;left:12px;right:12px}.sun-widget-nomap{flex-direction:column;gap:10px;padding:14px 16px 0;display:flex}.sun-map-off{font:400 12.5px/1.5 var(--font-ui), sans-serif;color:var(--muted);margin:0}.sun-not-outside{border:1px dashed var(--border-strong);font:400 13px/1.5 var(--font-ui), sans-serif;color:var(--muted);border-radius:10px;margin:0;padding:12px 14px}.sun-widget-body{padding:16px 24px 0}.sun-widget-body .sun-pick{margin-bottom:14px}.sun-pick{flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}.sun-pick .lbl{font:600 11.5px var(--font-ui), sans-serif;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);margin-right:2px}.sun-walls{flex-wrap:wrap;gap:6px;max-height:184px;padding:2px;display:flex;overflow-y:auto}.sun-walls button{border:1px solid var(--border-strong);background:var(--surface);height:32px;color:var(--text2);font:600 12.5px var(--font-ui), sans-serif;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 11px;display:inline-flex}.sun-walls button small{font:500 11px/1 var(--font-ui), sans-serif;color:var(--muted)}.sun-walls button:hover{border-color:var(--muted);color:var(--ink)}.sun-walls button[aria-pressed=true]{background:var(--mint-light);color:var(--mint-text);border-color:#00a68873}.sun-walls button[aria-pressed=true] small{color:var(--mint-text)}.sun-walls button.more{color:var(--muted);border-style:dashed}.sun-floor{align-items:center;gap:4px;display:inline-flex}.sun-floor button{border:1px solid var(--border-strong);background:var(--surface);width:30px;height:30px;color:var(--text2);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;display:inline-flex}.sun-floor button:hover{color:var(--ink);border-color:var(--muted)}.sun-floor button:disabled{opacity:.4;cursor:default}.sun-floor input{text-align:center;width:48px;height:30px;font:700 15px var(--font-display), sans-serif;font-variant-numeric:tabular-nums;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:8px;padding:0}.sun-floor input:hover{border-color:var(--border-strong)}.sun-floor input:focus{border-color:var(--border-strong);background:var(--surface)}.sun-floor small{font:500 11.5px var(--font-ui), sans-serif;color:var(--muted);margin-left:4px}.sun-hero{flex-direction:column;gap:2px;display:flex}.sun-hero b{font:700 26px var(--font-display), sans-serif;letter-spacing:-.4px;font-variant-numeric:tabular-nums;color:var(--ink)}.sun-hero span{font:500 12.5px var(--font-ui), sans-serif;color:var(--muted)}.sun-daybar{background:var(--surface-muted);border-radius:999px;height:12px;margin-top:12px;position:relative;overflow:hidden}.sun-daybar i{display:block;position:absolute;top:0;bottom:0}.sun-daybar i.day{background:var(--sun-lit-soft)}.sun-daybar i.lit{background:var(--sun-lit)}.sun-daybar i.now{background:var(--ink);width:2px;margin-left:-1px}.sun-daybar.small{height:8px;margin-top:8px}.sun-daybar-ticks{height:14px;font:500 10.5px var(--font-ui), sans-serif;color:var(--muted);font-variant-numeric:tabular-nums;margin-top:3px;position:relative}.sun-daybar-ticks span{position:absolute;top:0;transform:translate(-50%)}.sun-daybar-key{font:500 11px var(--font-ui), sans-serif;color:var(--muted);flex-wrap:wrap;gap:4px 12px;margin-top:4px;display:flex}.sun-daybar-key span{align-items:center;gap:5px;display:inline-flex}.sun-daybar-key i{border-radius:3px;width:12px;height:8px;display:inline-block}.sun-daybar-key i.day{background:var(--sun-lit-soft)}.sun-daybar-key i.lit{background:var(--sun-lit)}.sun-daybar-key i.now{background:var(--ink);border-radius:1px;width:2px;height:10px}.sun-blocker{font:500 12.5px/1.5 var(--font-ui), sans-serif;color:var(--text2);flex-wrap:wrap;align-items:baseline;gap:0 4px;margin:12px 0 0;display:flex}.sun-blocker svg{color:var(--muted);flex:none;align-self:center}.sun-blocker b{color:var(--ink);font-weight:600}.sun-blocker.none{color:var(--muted)}.sun-seasons{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.sun-seasons>div{border:1px solid var(--hairline);background:var(--surface);border-radius:10px;flex-direction:column;gap:1px;padding:9px 12px;display:flex}.sun-seasons>div.on{background:var(--mint-light);border-color:#00a68859}.sun-seasons span{font:600 11px var(--font-ui), sans-serif;letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}.sun-seasons b{font:700 16px var(--font-display), sans-serif;font-variant-numeric:tabular-nums;color:var(--ink)}.sun-seasons i{font:500 11.5px var(--font-ui), sans-serif;color:var(--muted);font-style:normal}.sun-chips{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.sun-chips span{background:var(--sun-lit-soft);color:var(--ink);font:600 12px var(--font-ui), sans-serif;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;display:inline-flex}.sun-chips span:before{content:"";background:var(--sun-lit);border-radius:50%;width:6px;height:6px}.sun-fine{font:400 11px/1.45 var(--font-ui), sans-serif;color:var(--muted);margin:12px 0 0}@media (max-width:720px){.sun-widget-map{height:240px}.sun-widget-body{padding:14px 16px 0}.sun-seasons{grid-template-columns:1fr}}