.zx{--zx-gold:#ffd586;--zx-cyan:#72dcf5;--zx-muted:#b4c6d9;font-size:1rem;line-height:1.7;min-width:0}.zx *{box-sizing:border-box}.zx button,.zx input,.zx select{font:inherit}.zx button{cursor:pointer;min-height:44px}.zx button:focus-visible,.zx input:focus-visible,.zx select:focus-visible,.zx-scene:focus-visible{outline:3px solid #65cfe9;outline-offset:3px}.zx h2,.zx h3,.zx p{margin:0}.zx h2{font-size:1.4375rem}.zx h3{font-size:1.1875rem}.zx small{font-size:0.875rem}.zx-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:16px 0}.zx-intro{color:var(--muted);margin:8px 0 16px!important;font-size:0.9375rem}.zx-modes,.zx-tools,.zx-views{display:flex;gap:7px;flex-wrap:wrap}.zx button{border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:var(--panel,#10243a);color:var(--text)}.zx button[aria-pressed=true]{background:rgba(85,216,242,.16);border-color:#55d8f2;color:var(--cyan)}.zx-controls{display:grid;grid-template-columns:1.15fr 1fr .7fr auto;gap:12px;padding:16px;margin-bottom:12px;align-items:end}.zx label{display:grid;gap:5px;font-size:0.875rem;color:var(--muted)}.zx input,.zx select{width:100%;min-width:0;border:1px solid var(--line);border-radius:9px;background:var(--bg,#07111f);color:var(--text);padding:9px 10px;min-height:44px}.zx input[type=range]{accent-color:var(--cyan);padding:0;cursor:pointer;border:0;background:transparent}.zx-location{grid-column:1/-1}.zx-location summary,.zx details>summary{cursor:pointer;font-size:0.875rem;color:var(--cyan);padding:6px 0}.zx-coordinates{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;margin:10px 0}.zx-error{border:1px solid #f2a789;background:#562e28;color:#fff1e5;border-radius:12px;padding:12px;margin:12px 0}.zx-error[hidden]{display:none}.zx-select-row{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px;margin:12px 0}.zx-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(275px,1fr);gap:16px;align-items:start}.zx-view-card{padding:14px;min-width:0}.zx-tools{justify-content:space-between;align-items:center;margin-bottom:12px}.zx-tools button{font-size:0.875rem;padding:7px 10px}.zx-scene{height:480px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#162e49,#030b17 80%);border-radius:15px;isolation:isolate;touch-action:none}.zx-scene canvas{width:100%;height:100%;display:block;cursor:grab}.zx-scene canvas:active{cursor:grabbing}.zx-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.zx-label{position:absolute;transform:translate(-50%,-50%);padding:3px 7px;border:1px solid #51647a;border-radius:7px;background:#081626e8;color:#fff;font-size:0.875rem;line-height:1.5;white-space:nowrap;max-width:calc(100% - 16px)}.zx-label.selected{border-color:#ffd586;color:#ffe2a6}.zx-caption{color:var(--muted);font-size:0.875rem;margin-top:9px!important}.zx-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:10px 0;color:var(--muted);font-size:0.875rem}.zx-legend span{display:flex;gap:6px;align-items:center}.zx-legend i{width:22px;height:3px;border-radius:2px;display:inline-block}.zx-scale{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 14px;padding-top:12px;border-top:1px solid var(--line);margin-top:12px}.zx-scale label{grid-column:1/-1}.zx-scale input{grid-column:1/-1}.zx-scale b{font-size:0.875rem;color:var(--text)}.zx-scale button{font-size:0.875rem;min-height:40px}.zx-detail{padding:20px}.zx-detail>p{color:var(--muted);margin:9px 0}.zx-kind{color:var(--cyan);font-size:0.875rem;display:block;margin-bottom:8px}.zx-ref{padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:rgba(85,216,242,.045);margin:14px 0}.zx-ref span,.zx-ref b{display:block}.zx-ref span{font-size:0.875rem;color:var(--muted)}.zx-ref b{font-size:1rem;color:var(--text);overflow-wrap:anywhere}.zx-numbers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.zx-numbers div{border-bottom:1px solid var(--line);padding:6px 0 12px}.zx-numbers dt{font-size:0.875rem;color:var(--muted)}.zx-numbers dd{margin:0;font-size:1.5625rem;direction:ltr;text-align:right;color:var(--gold)}.zx-status{font-size:0.9375rem;color:var(--text)!important}.zx-events{display:grid;gap:8px;margin-top:14px}.zx-events>div{display:flex;gap:12px;justify-content:space-between;font-size:0.875rem}.zx-events span{color:var(--muted)}.zx-events b{text-align:left}.zx-solar{border-top:1px solid var(--line);margin-top:18px;padding-top:14px;font-size:0.875rem}.zx-solar p{margin:5px 0;color:var(--muted)}.zx-solar b{color:var(--text)}.zx-picker{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:14px 0}.zx-picker button{text-align:center;font-size:0.875rem;min-width:0;overflow-wrap:anywhere}.zx-picker button small{display:block;color:var(--muted);font-size:0.8125rem}.zx-science{padding:18px;margin-top:14px}.zx-science p{color:var(--muted);margin:10px 0;font-size:0.9375rem}.zx-science a{color:var(--cyan);text-decoration:underline}.zx-science ul{padding-right:22px;color:var(--muted);font-size:0.875rem}.zx-scene:fullscreen{width:100vw;height:100dvh;border-radius:0}.zx-fullscreen-exit{position:absolute;top:12px;left:12px;z-index:3;display:none}.zx-scene:fullscreen .zx-fullscreen-exit{display:block}.zx-fallback{position:absolute;bottom:8px;left:8px;right:8px;color:#ffdea5;background:#122438e8;padding:6px 10px;font-size:0.875rem;text-align:center;border-radius:8px}.zx-scene.expanded{position:fixed;inset:0;width:100vw;height:100dvh;border-radius:0;z-index:100}.zx-scene.expanded .zx-fullscreen-exit{display:block}body.light .zx input,body.light .zx select,body.light .zx button{background:#fff;color:#14314b}body.light .zx button[aria-pressed=true]{background:#e0f5fb;color:#075e78}body.light .zx-numbers dd{color:#895900}body.light .zx-scene button{background:#0d2034;color:#eef6ff}
@media(max-width:1050px){.zx-layout{grid-template-columns:1fr}.zx-detail{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.zx-detail h3,.zx-detail>.zx-kind,.zx-detail>p,.zx-solar{grid-column:1/-1}.zx-picker{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:760px){.zx-head{align-items:flex-start;flex-direction:column;gap:10px}.zx h2{font-size:1.3125rem}.zx-controls{grid-template-columns:1fr 1fr;padding:12px;gap:10px}.zx-controls>.zx-city{grid-column:1/-1}.zx-controls>.zx-now{grid-column:1/-1}.zx-coordinates{grid-template-columns:1fr 1fr}.zx-coordinates>label:last-of-type{grid-column:1/-1}.zx-coordinates>button{grid-column:1/-1}.zx-modes{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.zx-modes button{font-size:0.875rem;padding:8px 5px}.zx-select-row{grid-template-columns:1fr}.zx-select-row>button{justify-self:start}.zx-view-card{padding:10px}.zx-scene{height:410px}.zx-tools{align-items:stretch;gap:8px}.zx-tools>.zx-views{display:grid;grid-template-columns:1fr 1fr;width:100%}.zx-tools>.zx-views:last-child{grid-template-columns:repeat(4,1fr)}.zx-tools button{font-size:0.875rem;padding:6px}.zx-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.zx-detail{padding:16px;display:block}.zx-numbers{margin:14px 0}.zx-science{padding:14px}.zx-scene:fullscreen{height:100dvh}}
@media(prefers-reduced-motion:reduce){.zx *{scroll-behavior:auto!important;transition:none!important}}