:root{--bg:#070a16;--surface:rgba(17,23,49,.72);--line:rgba(143,178,255,.16);--text:#eef4ff;--muted:#9daaca;--cyan:#65e7ef;--violet:#9878ff;--blue:#5aa6ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 15% 10%,#17214a 0,transparent 30%),radial-gradient(circle at 90% 40%,#171144 0,transparent 25%),var(--bg)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.45;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#8ab8ff 1px,transparent 1px);background-size:110px 110px,170px 170px;background-position:0 0,40px 50px}.page-shell{max-width:1320px;margin:auto;padding:22px 28px 54px;position:relative}.topbar{display:flex;justify-content:space-between;align-items:center;padding:5px 0 34px}.brand{font-size:18px;font-weight:750;color:white;text-decoration:none;letter-spacing:.01em}.brand-mark{color:var(--cyan);margin-right:7px;text-shadow:0 0 17px var(--cyan)}.topbar-actions{display:flex;align-items:center;gap:10px}.status-pill{font-size:12px;padding:6px 10px;border:1px solid var(--line);border-radius:50px;color:#bcd0f5;background:#0e1530b3}.button,.filter,.icon-button{font:inherit;color:var(--text);border:1px solid rgba(119,197,255,.35);background:linear-gradient(120deg,#267bc8,#7059d2);border-radius:9px;padding:9px 13px;cursor:pointer;transition:.2s}.button:hover,.filter:hover,.icon-button:hover{transform:translateY(-1px);filter:brightness(1.15)}.button.secondary{background:#111936b8;border-color:var(--line)}.hero{display:flex;justify-content:space-between;gap:30px;align-items:end;margin:9px 0 27px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.14em;color:#84dced;margin:0 0 8px}.hero h1{font-size:clamp(44px,7vw,84px);line-height:.95;letter-spacing:-.06em;margin:0}.lead{max-width:570px;font-size:clamp(17px,2vw,21px);color:#c6d2ec;margin:15px 0}.notice,.update-time,.small-message{font-size:12px;color:var(--muted);margin:10px 0 0}.notice{color:#85a0c9}.legend{display:flex;flex-wrap:wrap;gap:8px 15px;max-width:430px;font-size:12px;color:#b8c6e2}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:4px}.comm{background:#63d8ff}.nav{background:#a688ff}.earth{background:#62eead}.science{background:#ffbf6b}.starlink{background:#fff}.atlas-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:18px}.globe-card,.controls-card,.above-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(24,31,65,.79),rgba(8,12,30,.78));border-radius:19px;box-shadow:0 16px 55px #0005;backdrop-filter:blur(10px)}.globe-card{min-height:600px;position:relative;overflow:hidden}#globe{position:absolute;inset:0;cursor:grab}#globe:active{cursor:grabbing}.globe-hint{position:absolute;bottom:19px;left:20px;font-size:12px;color:#aebbd4;background:#0a1029a8;padding:7px 10px;border-radius:7px;pointer-events:none}.icon-button{position:absolute;top:18px;right:18px;background:#0c132ccd;font-size:12px}.icon-button[aria-pressed="true"]{border-color:#72e9f3;color:#bafbff}.satellite-card{position:absolute;right:18px;bottom:62px;width:min(290px,calc(100% - 36px));padding:18px;background:#111b3eea;border:1px solid #4c7dba99;border-radius:13px;box-shadow:0 10px 35px #0008}.satellite-card.hidden{display:none}.satellite-card h3{margin:0 0 10px;font-size:20px}.satellite-card dl{display:flex;gap:27px;margin:0}.satellite-card dt{font-size:11px;text-transform:uppercase;color:var(--muted)}.satellite-card dd{margin:2px 0;color:#c9f5ff}.satellite-card p:last-child{font-size:13px;color:#c0cae2;margin:11px 0 0}.satellite-card button{position:absolute;top:8px;right:10px;border:0;background:transparent;color:#d5e6ff;font-size:22px;cursor:pointer}.controls-card{padding:26px}.year-readout{display:flex;align-items:baseline;gap:10px;margin:7px 0 16px}.year-readout strong{font-size:48px;letter-spacing:-.05em;color:#dffbff}.year-readout span,.stat span{color:var(--muted);font-size:12px}input[type=range]{width:100%;accent-color:var(--cyan)}.range-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.stat{display:flex;flex-direction:column;margin:29px 0 18px;padding:16px;border-radius:12px;background:#0b1230aa}.stat strong{font-size:30px;margin-top:2px;color:#78eafa}.milestone{border-left:2px solid var(--violet);padding:5px 0 5px 13px}.milestone .eyebrow{margin:0;color:#b8aaff}.milestone p{margin:4px 0 0;color:#d0d9f0}.filter-area{margin-top:29px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{font-size:12px;padding:7px 9px;background:#111936a0;border-color:var(--line)}.filter.active{background:#246da8;border-color:#70e5f3;color:#fff}.above-card{margin-top:18px;padding:28px;display:grid;grid-template-columns:.8fr 1.35fr 1fr;gap:24px;align-items:start}.above-card h2{margin:0;font-size:29px;letter-spacing:-.03em}.muted{color:var(--muted);margin:7px 0}.location-controls label{display:block;font-size:12px;color:#bac7e1;margin-bottom:7px}.location-controls div{display:flex;gap:7px}.location-controls input{min-width:0;flex:1;border:1px solid var(--line);border-radius:9px;background:#080e25;color:#eaf3ff;padding:9px 10px;font:inherit}.above-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.above-list li{font-size:13px;padding:10px 12px;border-radius:9px;background:#0c1430b8;border:1px solid rgba(140,175,241,.1)}.above-list strong{color:#77eaf1}footer{text-align:center;color:#71809e;font-size:12px;padding:25px}@media(max-width:920px){.atlas-grid{grid-template-columns:1fr}.globe-card{min-height:520px}.above-card{grid-template-columns:1fr 1fr}.above-list{grid-column:span 2}}@media(max-width:600px){.page-shell{padding:17px 14px 35px}.topbar{padding-bottom:24px}.topbar-actions .button{font-size:0;padding:10px}.topbar-actions .button:after{content:'↻';font-size:15px}.hero{display:block}.legend{margin-top:20px}.globe-card{min-height:440px}.controls-card{padding:20px}.above-card{grid-template-columns:1fr;padding:20px}.above-list{grid-column:auto}.location-controls div{flex-wrap:wrap}.location-controls input{flex-basis:100%}.globe-hint{font-size:11px}.icon-button span{display:none}.icon-button{font-size:18px;padding:6px 10px}}
:root{color-scheme:dark}
/* Rozšírenie pôvodného vzhľadu: väčšia scéna a dva samostatné filtre. */
.page-shell{max-width:1480px}
.atlas-grid{grid-template-columns:minmax(0,1.85fr) minmax(325px,.78fr)}
.globe-card{min-height:760px;background:radial-gradient(ellipse at 50% 48%,#faf8f2 0%,#f2eee5 60%,#e8e2d8 100%)}
#globe canvas{display:block;width:100%;height:100%;touch-action:none}
.scene-heading{position:absolute;left:22px;top:24px;pointer-events:none;display:grid;gap:4px}
.scene-heading .eyebrow{font-size:10px;color:#41565b;letter-spacing:.17em;margin:0}
.scene-heading>span:last-child{font-size:12px;color:#626764}
.scene-counter{position:absolute;left:23px;bottom:72px;display:grid;pointer-events:none}
.scene-counter strong{font-size:35px;font-weight:500;letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:#193f4b}
.scene-counter span{font-size:11px;color:#555e5e;letter-spacing:.04em}
.icon-button{top:23px;font-size:11px}
.stat small{color:#8fa6bd;font-size:11px;margin-top:5px;line-height:1.5}
.filter-area{border:0;padding:0;margin:23px 0 0;min-width:0}
.filter-area legend{margin-bottom:10px;letter-spacing:.1em;text-transform:uppercase}
.filter-help{font-size:11px;color:#8c9cb7;margin:10px 0 0}
.status-filters{display:grid;grid-template-columns:1fr 1fr}
.status-filters .filter{min-height:38px;text-align:left;padding:8px 10px;line-height:1.35}
.status-filters [data-status=debris]{font-size:11px}
.filter.active{background:#173e51;border-color:#5eb7c1}
[data-status=retired].active,[data-status=debris].active{background:#303949;border-color:#8b96a8}
[data-filter=starlink].active{background:#352657;border-color:#a490d5}
.filter:disabled{opacity:.4;cursor:default;transform:none;filter:none}
.retired{background:#89919e}.debris{background:#c1c8d1;width:5px;height:5px}.starlink{background:#b395ed}
.comm{background:#77d9e8}
.data-note{display:grid;grid-template-columns:.9fr 1.5fr;gap:36px;padding:23px 8px 7px;color:#8b9fb6;font-size:12px;line-height:1.7}
.data-note p{margin:0 0 8px}.data-note .eyebrow{color:#799fae}
.data-note a{color:#a2c6de;text-underline-offset:3px}.data-note summary{cursor:pointer;color:#b3c6d9}
.data-note details[open] summary{margin-bottom:8px}
.above-card{grid-template-columns:.85fr 1.25fr;gap:22px 30px}
.above-list{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}
.above-list li{font-size:12px;overflow-wrap:anywhere}
.above-list .empty-result{grid-column:1/-1;color:#a7b8ce}
.location-controls .button{font-size:12px}
.location-controls input{font-size:14px;width:100%}
.above-card .muted{font-size:13px}
.satellite-card{z-index:3;max-height:65%;overflow:auto}
.satellite-card h3{padding-right:16px;overflow-wrap:anywhere}
.satellite-card dl{gap:15px;flex-wrap:wrap}
.status-pill{max-width:260px}
.globe-hint{right:18px;left:18px;width:fit-content;max-width:calc(100% - 36px)}
.scene-error{position:absolute;top:40%;left:10%;right:10%;text-align:center;color:#35464b}
.button:disabled{cursor:wait;opacity:.6;transform:none}
:focus-visible{outline:2px solid #92e7ef;outline-offset:4px}
@media(max-width:1100px){.atlas-grid{grid-template-columns:minmax(0,1.3fr) minmax(320px,.8fr)}.scene-heading{max-width:190px}.icon-button span{display:none}.icon-button{font-size:18px}.above-list{grid-template-columns:repeat(3,minmax(0,1fr))}.location-controls div{flex-wrap:wrap}.location-controls input{flex-basis:100%}}
@media(max-width:920px){.atlas-grid{grid-template-columns:1fr}.globe-card{min-height:650px}.controls-card{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.controls-card>.eyebrow,.year-readout,#yearSlider,.range-labels,.update-time{grid-column:1/-1}.controls-card>.stat{margin:18px 0 0}.controls-card>.milestone{align-self:center;margin-top:18px}.data-note{gap:22px}.above-card{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.globe-card{min-height:490px}.hero h1{font-size:58px}.controls-card{display:block}.controls-card>.stat{margin:20px 0 16px}.controls-card>.milestone{margin-top:0}.scene-heading{left:17px;top:19px}.scene-heading .eyebrow{font-size:8px}.scene-heading>span:last-child{font-size:10px}.scene-counter{left:19px;bottom:65px}.scene-counter strong{font-size:27px}.data-note{grid-template-columns:1fr;gap:8px;padding:20px 5px 5px}.above-card{grid-template-columns:1fr}.above-list{grid-template-columns:1fr 1fr}.topbar-actions{gap:6px}.status-pill{font-size:10px;max-width:135px}.brand{font-size:16px}.topbar-actions .button{font-size:0}.topbar-actions .button:after{font-size:18px}.legend{gap:9px 19px}.globe-hint{font-size:10px;bottom:16px}.icon-button{top:17px}.satellite-card{bottom:60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.filter,.icon-button{transition:none}}
@media(max-width:600px){.topbar{flex-wrap:wrap;gap:12px}.brand{white-space:nowrap}.topbar-actions{margin-left:auto}}
/* Svetlý motív je obmedzený na plátno a jeho existujúce prekrytia. */
.globe-card .globe-hint{color:#455253;background:rgba(250,248,242,.88)}
.globe-card .icon-button{color:#314c55;background:rgba(250,248,242,.92);border-color:rgba(64,81,84,.25)}
.globe-card .icon-button[aria-pressed="true"]{color:#145568;background:#e3eeeb;border-color:#5a8b8d}
.visibility-controls{grid-column:1/-1;padding:18px;border:1px solid var(--line);border-radius:12px;background:#101a32}
.above-list-summary{grid-column:1/-1;margin:0;color:#c4d8e8;font-size:13px;font-variant-numeric:tabular-nums}
.above-list{max-height:min(420px,55vh);overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#607d99 #0c1430;align-content:start}
.visibility-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.visibility-primary{padding:13px 18px;font-weight:650;background:linear-gradient(115deg,#17648e,#5b479d)}
.visibility-buttons .button[aria-pressed="true"]{outline:2px solid #84e6ef;outline-offset:3px;box-shadow:0 0 18px #5fbec329}
.visibility-primary[aria-pressed="true"]{background:linear-gradient(115deg,#9b3c12,#b55419);outline-color:#ffc186}
.visibility-buttons .secondary{font-size:12px}
#visibilityMessage{margin:15px 0 0;color:#d4e5ef;font-size:14px;font-variant-numeric:tabular-nums}
@media(max-width:600px){.visibility-buttons{align-items:stretch;flex-direction:column}.visibility-primary{font-size:14px;white-space:normal}.visibility-controls{padding:15px}}