*{box-sizing:border-box} :root{color-scheme:dark;--bg:#080f20;--panel:#111e36;--line:#273954;--text:#f1f5ff;--muted:#a7b7d0;--blue:#8bd4ff;--gold:#f6cb7b}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:1px solid var(--line);background:#15243d;color:var(--text);border-radius:13px;padding:10px 16px;min-height:44px}button:hover{border-color:var(--blue)}button:disabled{opacity:.6;cursor:default}a{color:var(--blue)}aside{position:fixed;inset:0 auto 0 0;width:244px;padding:32px 22px;border-right:1px solid var(--line);background:#0b1427}.brand{font-size:29px;font-weight:800;text-decoration:none;color:var(--text)}.brand span{color:var(--gold)}.tagline,.aside-note{font-size:13px;color:var(--muted)}nav{display:grid;gap:9px;margin-top:40px}nav button{text-align:left;background:transparent;border-color:transparent;display:flex;gap:16px}nav button.active{background:#203252;color:var(--blue)}.aside-note{position:absolute;bottom:36px}.shell{margin-left:244px;max-width:1600px;padding:24px 38px}header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--gold);font-weight:700}#place{font-size:15px;color:var(--muted)}.timebar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}input,select,textarea{border:1px solid var(--line);border-radius:10px;padding:10px;background:#0b162b;color:var(--text);max-width:100%}.timebar label{font-size:13px;color:var(--muted)}#skyStatus{font-size:13px;color:var(--blue);margin-left:auto}h1{font-size:clamp(30px,4vw,49px);line-height:1.15;letter-spacing:-1.5px;margin:12px 0 16px}h2{font-size:23px;line-height:1.3}h3{margin:8px 0;font-size:20px}p{color:var(--muted)}.hero{padding:38px 0 24px;display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:center}.hero-art{min-height:230px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#111c30;position:relative}.hero-art img{width:100%;height:270px;object-fit:cover;display:block}.hero-art .caption{position:absolute;bottom:0;background:#071020df;width:100%;padding:12px 18px;font-size:13px}.primary{background:var(--blue);color:#08152b;border-color:var(--blue);font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:21px;overflow:hidden;text-align:left;position:relative}.card .image{height:170px;display:grid;place-items:center;background:#070e1b;overflow:hidden}.image img{width:100%;height:100%;object-fit:cover}.placeholder{font-size:55px;color:var(--gold)}.card-body{padding:17px}.card p{font-size:13px;margin:7px 0}.pill{font-size:11px;border-radius:30px;padding:4px 9px;background:#22364e;display:inline-block;color:var(--blue)}.good{color:#a0e8b9}.muted{color:var(--muted)}.small{font-size:13px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.filters input{flex:1;min-width:170px}.section{margin:32px 0}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:20px 0}.stat{padding:17px;border-radius:16px;border:1px solid var(--line);background:var(--panel)}.stat strong{font-size:22px;display:block;color:var(--gold)}.stat span{font-size:12px;color:var(--muted)}.notice{padding:16px 20px;border:1px solid #566147;border-radius:15px;background:#23281e;color:#e9dbb2;margin:20px 0;font-size:14px}.mapbox{max-width:760px;margin:auto}.mapbox svg{width:100%;display:block;background:#0c172d;border-radius:24px;border:1px solid var(--line)}.mapbox text{fill:var(--text);font-size:12px}.mapbox circle.gridline{fill:none;stroke:#263953;stroke-width:1}.mapbox .object{cursor:pointer}.mapbox .object circle{fill:var(--gold)}.mapbox .object:focus circle{stroke:white;stroke-width:3}.form{max-width:660px;display:grid;gap:16px}.form label{display:grid;gap:5px}.form .inline{display:flex;align-items:center;gap:10px}.form textarea{min-height:110px}footer{padding:35px 0;color:var(--muted);font-size:12px}dialog{color:var(--text);background:#0b1529;border:1px solid var(--line);border-radius:24px;width:min(820px,94vw);max-height:90vh;padding:28px}dialog::backdrop{background:#020814d9}.close{position:sticky;top:0;float:right;z-index:2;border-radius:50%;font-size:24px;padding:0;width:44px;background:#14213a}.detail-img{width:100%;max-height:360px;object-fit:contain;background:#050b15;border-radius:18px}.gallery-credit{font-size:12px;overflow-wrap:anywhere}.quizbox{max-width:650px;margin:35px auto;padding:30px;background:var(--panel);border:1px solid var(--line);border-radius:24px}.quiz-options{display:grid;gap:12px}.quiz-options button{text-align:left}.quiz-options button.correct{background:#1e5036}.quiz-options button.wrong{background:#592a30}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#234163;color:white;padding:12px 20px;border-radius:12px;display:none;z-index:20}.red{--bg:#0c0303;--panel:#1e0808;--line:#4c1717;--text:#ff8585;--muted:#c36b6b;--blue:#f07979;--gold:#e47777}.red aside,.red dialog{background:#130505}.red img{filter:brightness(.35) sepia(1) saturate(4)}.red button,.red input,.red select,.red textarea{background:#280b0b;color:var(--text)}.red .mapbox svg{background:#140505}.empty{padding:30px;border:1px dashed var(--line);border-radius:20px}.photo-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.photo-list img{width:100%;height:190px;object-fit:cover;border-radius:12px}.photo-list figure{margin:0}.photo-list figcaption{font-size:12px;color:var(--muted)}@media(max-width:1000px){aside{width:190px;padding:24px 16px}.shell{margin-left:190px;padding:20px}.brand{font-size:24px}.hero{grid-template-columns:1fr}}@media(max-width:680px){aside{position:sticky;top:0;width:auto;z-index:5;padding:10px 14px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:23px}.tagline,.aside-note{display:none}nav{display:flex;overflow-x:auto;margin:7px 0 0;gap:4px}nav button{display:block;white-space:nowrap;padding:8px 10px;font-size:13px}nav button span{margin-left:4px}.shell{margin-left:0;padding:16px}.hero{padding-top:25px;gap:20px}.hero-art img{height:200px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card .image{height:130px}.card-body{padding:12px}.card h3{font-size:17px}.card button{padding:8px;font-size:12px}.timebar input{width:190px}#skyStatus{width:100%;margin:0}dialog{padding:18px}.quizbox{padding:20px}header .eyebrow{font-size:9px}header button{font-size:12px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,border-color .15s}.card:hover{border-color:#57799c}}