html,body{height:100%;margin:0;background:transparent;overflow:hidden}body{font-family:Manrope,sans-serif;color:#18202b}#experience{height:100%;position:relative;display:grid;grid-template-columns:minmax(0,1fr)}#city{min-height:0;min-width:0;height:100%;position:relative}.fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:1;transition:opacity .3s}.city-loaded .fallback{opacity:0;pointer-events:none}canvas,.plan-view{position:absolute;inset:0;width:100%;height:100%;display:block}.plan-view[hidden],canvas[hidden],[hidden]{display:none!important}.embed-tools{position:absolute;bottom:12px;left:20px;display:flex;gap:12px}button{font:11px Manrope,sans-serif;color:#636d78;border:1px solid #dce2e7;background:#fafbf9ee;padding:10px 14px;cursor:pointer;border-radius:2px}button:hover,button[aria-pressed=true]{color:#0047ab;border-color:#0047ab}button:focus-visible,input:focus-visible{outline:2px solid #0047ab;outline-offset:3px}#experience.is-sun{grid-template-columns:minmax(0,1fr) 215px}#solar-controls{padding:20px 18px;border-left:1px solid #dce2e7;overflow:auto;background:#fafbf9}.sun-card{border:0;padding:0;background:transparent}.sun-card h3{font:500 14px Archivo,sans-serif;margin:0}.sun-dial{width:145px;display:block;margin:0 auto -25px}.sun-fields input[type=time]{font-size:30px}.sun-fields input[type=date]{font-size:11px}.dial-arc{stroke:#d66a3a!important}.solar-switch{font-size:11px}.season-label{font-size:10px}.play-link{border:0;padding:12px 0;font-size:11px}.solar-switch input:checked+i{background:#0047ab}.model-note{display:none}#dimension{align-items:center;gap:10px}#dimension:not([hidden]){display:flex}#dimension i{display:inline-block;width:30px;height:18px;border-radius:15px;background:#dce2e7;position:relative}#dimension i:after{content:"";position:absolute;width:14px;height:14px;top:2px;left:2px;background:#fff;border-radius:50%;transition:transform .2s}#dimension[aria-checked=true] i{background:#0047ab}#dimension[aria-checked=true] i:after{transform:translateX(12px)}#error{position:absolute;bottom:55px;left:20px;font-size:11px;color:#636d78}@media(max-width:650px){#experience.is-sun{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(300px,1fr) 305px}.is-sun .embed-tools{bottom:317px}#solar-controls{border-left:0;border-top:1px solid #dce2e7;padding:18px 20px}.sun-card{display:grid;grid-template-columns:1fr 1fr;gap:7px 20px;align-items:center}.sun-card h3{grid-column:1/-1}.sun-dial{width:130px;grid-row:2/4;margin:-25px auto -30px}.sun-fields{grid-column:2;grid-row:2/4}.sun-fields input[type=time]{font-size:27px}.solar-switch{margin:0}.season-label{grid-column:1/-1;margin-top:8px}.season-ticks{grid-column:1/-1}.play-link{padding:0;grid-column:1/-1}.sun-card .panel-check{margin:0}.embed-tools{left:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Embed-only controls: native application Sun Study keeps every original option. */
html,body,#experience,#city{background:transparent!important}
#city.city-loaded>.fallback{display:none}
.fallback{mix-blend-mode:multiply}
canvas{background:transparent!important;touch-action:pan-y}
.plan-view{touch-action:pan-y}
.embed-tools{left:0;right:0;bottom:10px;justify-content:center;align-items:center;pointer-events:none}
.embed-tools #rotate{font:10px Manrope,sans-serif;color:#78818a;letter-spacing:.01em;pointer-events:none;text-align:center;border:0;background:transparent}
.embed-tools #dimension{pointer-events:auto;padding:7px 11px;font-size:10px}
.layer-annotations{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.layer-annotations circle{fill:#89939c}.layer-annotations path{fill:none;stroke:#89939c;stroke-width:.65;opacity:.8}
.layer-annotations text{fill:#78818a;font:10px Manrope,sans-serif;paint-order:stroke;stroke:#fafbf9;stroke-width:3;stroke-linejoin:round}
#experience.is-sun{grid-template-columns:minmax(0,1fr) 200px}
.is-sun .embed-tools{right:200px}
#solar-controls.compact-sun{display:flex;align-items:center;padding:20px 16px}
.compact-sun .sun-card{width:100%;display:flex;flex-direction:column;gap:22px}
.compact-sun .sun-card h3,.compact-sun .sun-dial,.compact-sun .solar-switch,.compact-sun .season-ticks,.compact-sun .play-link{display:none}
.compact-sun .sun-fields{display:flex;flex-direction:column;gap:10px;width:100%}
.compact-sun .sun-fields input[type=time]{font:500 34px Archivo,sans-serif;width:100%;color:#18202b;border:0;background:transparent;padding:0}
.compact-sun .sun-fields input[type=date]{font:11px Manrope,sans-serif;width:100%;border:0;padding:0;background:transparent;color:#636d78}
.compact-sun .hour-range,.compact-sun .season-label{width:100%;font:11px Manrope,sans-serif;color:#636d78;margin:0;display:block}
.compact-sun input[type=range]{width:100%;margin-top:14px;height:24px;accent-color:#0047ab;touch-action:pan-y}
@media(max-width:650px){
 .embed-tools #rotate{font-size:8px}
 .embed-tools{bottom:3px}
 .layer-annotations text{font-size:8.5px}
 #experience.is-sun{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 176px}
 .is-sun .embed-tools{right:0;bottom:186px;gap:10px}
 #solar-controls.compact-sun{padding:12px 16px;border-left:0;border-top:1px solid #dce2e7}
 .compact-sun .sun-card{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}
 .compact-sun .sun-fields{grid-column:1/-1;grid-row:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:16px}
 .compact-sun .sun-fields input[type=time]{font-size:28px}
 .compact-sun .sun-fields input[type=date]{font-size:10px;text-align:right}
 .compact-sun .hour-range{grid-column:1/-1;font-size:10px}
 .compact-sun .season-label{grid-column:1/-1;font-size:10px}
 .compact-sun input[type=range]{margin-top:2px;height:22px;display:block}
}