:root{--bg:#101815;--panel:#141e19;--line:#2b3830;--muted:#9ba99f;--text:#eef1e8;--accent:#d2e3a9;--sage:#a3c9b4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}button,input,a{ -webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit;cursor:pointer;background:none;border:0}button:hover{filter:brightness(1.16)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand svg{width:42px;color:var(--accent)}.brand span{font-size:23px;font-weight:650;letter-spacing:3px}.brand small{display:block;font:8px/1.7 ui-monospace,monospace;letter-spacing:1.7px;color:var(--muted)}nav{display:flex;height:100%;gap:34px;align-items:center}nav button{height:100%;color:var(--muted);position:relative;padding:0 3px}nav button.nav-active{color:var(--accent)}nav button.nav-active:after{content:"";height:2px;background:var(--accent);position:absolute;bottom:0;left:0;right:0}#save-count{border:1px solid var(--line);padding:1px 5px;font-size:10px;border-radius:4px;margin-left:5px}.header-right{display:flex;gap:20px;align-items:center}.prototype{color:var(--muted);font-size:11px;border:1px solid var(--line);padding:3px 8px;border-radius:4px}.upgrade{background:var(--accent);color:#19251c;padding:10px 17px;border-radius:5px;font-weight:600}.upgrade span{margin-left:15px}main{display:grid;grid-template-columns:352px 1fr;height:calc(100dvh - 86px);min-height:700px}aside{overflow:auto;border-right:1px solid var(--line);display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:#344338 transparent;background:var(--bg);z-index:5}.side-top{padding:27px 27px 18px}.eyebrow{font-size:10px;letter-spacing:1.7px;color:var(--sage);font-weight:500}.dot,.status-light{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:8px;box-shadow:0 0 12px #d2e3a933}h1{font-size:32px;font-weight:500;line-height:1.5;letter-spacing:2px;margin:19px 0 10px}.intro{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 21px}#search-form{display:flex;align-items:center;background:#1d2821;border:1px solid #3d4c40;border-radius:5px;height:44px;padding:0 9px;gap:9px}#search-form>span{font-size:24px;color:var(--sage)}#search{color:var(--text);background:none;border:0;min-width:0;width:100%;font-size:12px;outline:none}#search::placeholder{color:#95a397}#search-form button{color:var(--muted);border:1px solid #3b493e;border-radius:3px;line-height:20px}.search-help{font-size:9px;color:#87968a;margin:8px 0 0}.location-section,.layers-section,.explore-section{padding:20px 27px;border-top:1px solid var(--line)}.section-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);letter-spacing:1px}.section-label>span{font:9px ui-monospace,monospace;letter-spacing:1px;color:#718175}.section-label button{font-size:11px;color:var(--accent);padding:0}.location-heading{display:flex;gap:12px;align-items:center;margin-top:12px}.location-heading h2{font-size:23px;font-weight:500;margin:0;letter-spacing:2px}.location-heading>span{font-size:9px;background:#25352a;color:#b7c7b3;padding:3px 7px;border-radius:3px}#location-region{font-size:11px;color:var(--muted);margin:3px 0 8px}.coords{font:11px ui-monospace,monospace;color:var(--accent);letter-spacing:.6px}#location-desc{font-size:11px;line-height:1.9;color:var(--muted);margin:12px 0 0}.layers-section{padding-bottom:18px}.layer-list{display:grid;gap:7px;margin-top:14px}.layer{display:flex;text-align:left;align-items:center;gap:12px;padding:9px;border:1px solid transparent;border-radius:5px}.layer.active{background:#233127;border-color:#5e7254}.layer-icon{width:36px;height:36px;border-radius:4px;display:grid;place-items:center;font-size:25px;flex-shrink:0}.satellite-icon{background:linear-gradient(135deg,#4c5f37,#1c3d3c);color:#d7dfac}.terrain-icon{background:linear-gradient(135deg,#615c3c,#313b29);color:#b9bb8e}.cloud-icon{background:linear-gradient(135deg,#40565c,#203135);color:#bdced1}.layer strong{font-weight:500;display:block;font-size:12px}.layer small{font-size:10px;color:var(--muted)}.layer i{margin-left:auto;border:1px solid #647263;border-radius:50%;width:12px;height:12px}.layer.active i{border:3px solid var(--accent);background:#526348}.places{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.places button{text-align:left;border:1px solid var(--line);border-radius:4px;padding:10px;position:relative}.places button>span{position:absolute;right:8px;top:8px;font:9px ui-monospace,monospace;color:#6c7d70}.places strong{font-weight:400;font-size:12px;display:block;margin-top:8px}.places small{color:var(--muted);font-size:9px}.places button:hover{border-color:#9aae8a;background:#1f2b22}.side-footer{margin-top:auto;border-top:1px solid var(--line);padding:17px 27px;display:flex;align-items:center;gap:9px;font-size:10px;color:#91a193}.side-footer button{margin-left:auto}.mini-orbit{font-size:21px;color:var(--sage)}.map-shell{position:relative;overflow:hidden;background:#17241d}#map{height:100%;width:100%;z-index:0;background:#1c2c23}.map-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#101b1466 0,transparent 28%,transparent 68%,#08120dcc 100%);z-index:1}.map-top{position:absolute;top:24px;left:26px;right:26px;display:flex;justify-content:space-between;align-items:center;z-index:3}.map-badge,.map-top>button{background:#142019e8;border:1px solid #ffffff26;border-radius:5px;padding:9px 13px;backdrop-filter:blur(10px);font-size:11px}.map-badge{display:flex;align-items:center;gap:6px}.badge-divider{color:#657666;margin:0 6px}#map-place{color:#b3bfb3}.map-top>button{font-size:11px}.map-caption{position:absolute;top:98px;left:29px;z-index:2;text-shadow:0 2px 12px #0009;pointer-events:none}.map-caption .eyebrow{font:9px ui-monospace,monospace;letter-spacing:3px;color:#d0ddc6}.map-caption h2{font-size:25px;font-weight:400;letter-spacing:3px;margin:12px 0 5px}.map-caption p{font-size:10px;letter-spacing:1px;color:#ccd4c9}.map-tools{position:absolute;right:25px;top:110px;z-index:3;border:1px solid #ffffff29;border-radius:5px;padding:4px;background:#142019e8;display:grid;backdrop-filter:blur(10px)}.map-tools button{width:33px;height:35px;font-size:23px;font-weight:300}.map-tools>div{border-top:1px solid #465147;margin:4px 5px}.map-north{position:absolute;right:30px;top:310px;z-index:2;text-align:center;font:10px ui-monospace,monospace}.map-north span{display:block}.map-north svg{width:28px;height:38px}.map-bottom{position:absolute;bottom:43px;left:26px;right:26px;z-index:3;display:flex;align-items:end;gap:15px;justify-content:space-between}.data-info{background:#142019ed;border:1px solid #ffffff25;border-radius:5px;padding:12px;display:flex;align-items:center;gap:7px;max-width:55%}.data-info strong{font-size:11px;font-weight:400;display:block}.data-info small{font-size:9px;color:#a2b19f;display:block;margin-top:2px}.data-info button{color:#a2b19f}.status-light{flex-shrink:0}.detail-teaser{background:#e0e8c9;color:#283325;border-radius:6px;display:flex;align-items:center;gap:15px;padding:15px 19px;text-align:left;box-shadow:0 5px 20px #0003}.detail-teaser strong{font-size:13px;font-weight:600;display:block}.detail-teaser small{font-size:10px;color:#637357}.teaser-icon{font-size:28px}.teaser-arrow{font-size:23px;margin-left:10px}.leaflet-control-attribution{background:#101b14cc!important;color:#a9b7a7!important;font-size:9px!important}.leaflet-control-attribution a{color:#c6d4bb!important}.leaflet-control-scale-line{border-color:#b6c6ad!important;background:#142019bb!important;color:#d5dfcf!important;text-shadow:none!important;font-size:10px}.leaflet-bottom.leaflet-left{bottom:9px;left:17px}.cross-marker{width:22px;height:22px;border:1px solid #ddebba;border-radius:50%;box-shadow:0 0 0 8px #ddebba22,0 0 20px #0007;display:grid;place-items:center}.cross-marker:after{content:"";height:6px;width:6px;border-radius:50%;background:#e6f0be}.point-label{color:#edf3da;background:#1b2b22e8;border:1px solid #b5c99288;border-radius:4px;box-shadow:none;font-size:11px;padding:4px 10px}.leaflet-tooltip-top:before{border-top-color:#b5c99288}#map-status{position:absolute;top:72px;left:26px;z-index:7;font-size:11px;color:#f1dcad;background:#332d20;padding:8px 12px;border-radius:4px;max-width:75%}#search-results{margin-top:6px;border:1px solid var(--line);border-radius:4px;background:#1c2920}#search-results button{display:block;text-align:left;width:100%;padding:9px 12px;border-bottom:1px solid #ffffff0c;font-size:12px}#search-results p{padding:9px;font-size:11px;color:var(--muted)}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:2000;padding:12px 20px;background:#e1eacb;color:#22301f;border-radius:6px;box-shadow:0 8px 40px #0005;max-width:90vw;font-size:12px}dialog{width:min(620px,calc(100vw - 32px));padding:27px;background:#15221a;color:var(--text);border:1px solid #54634c;border-radius:12px;max-height:85vh;overflow:auto}dialog::backdrop{background:#040c09b8;backdrop-filter:blur(6px)}.modal-top{display:flex;align-items:center;justify-content:space-between}.modal-top button{font-size:27px;line-height:1}dialog h2{font-size:28px;font-weight:450;letter-spacing:1px;margin:13px 0 8px}dialog p{font-size:12px;color:#b3c0b2;line-height:1.9}dialog h3{font-size:15px;font-weight:500}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:23px 0}.plan{border:1px solid #394c3d;padding:18px;border-radius:7px}.plan.featured{border-color:#b4c68e;background:#273726}.plan .plan-tag{font-size:10px;color:var(--accent)}.plan h3{font-size:20px;margin:9px 0}.plan p{font-size:11px}.plan-price{font-size:24px;letter-spacing:1px}.plan-price small{font-size:10px;letter-spacing:0}.modal-action{display:block;text-align:center;width:100%;border-radius:4px;background:var(--accent);color:#233020;padding:11px;font-weight:600;font-size:12px;margin-top:12px}.modal-link{color:var(--accent);border-bottom:1px solid #718462}dialog ul{padding-left:17px;color:#b7c5b5;font-size:12px;line-height:2}.saved-row{display:flex;gap:12px;border-bottom:1px solid var(--line);padding:10px 0}.saved-row button:first-child{flex:1;text-align:left}.saved-row small{display:block;color:var(--muted)}.saved-row button:last-child{font-size:11px;color:var(--muted)}.request-label{font-size:11px;color:var(--muted);display:block;margin-top:15px}.request-select{width:100%;padding:9px;color:var(--text);background:#26362b;border:1px solid var(--line);border-radius:4px;margin-top:5px}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}#cloud-panel{position:absolute;inset:78px 20px 130px;z-index:4;background:#122019f5;border:1px solid #415746;border-radius:9px;padding:25px;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:auto}.cloud-title h2{font-size:25px;font-weight:400;letter-spacing:2px;margin:10px 0}.cloud-title p,.cloud-note{font-size:11px;color:var(--muted)}.cloud-preview{flex:1;min-height:180px;display:grid;place-items:center;width:100%;overflow:hidden}.cloud-preview img{max-width:100%;max-height:100%;object-fit:contain}.cloud-actions{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap;justify-content:center}.cloud-actions>*{border:1px solid #6b805c;border-radius:4px;padding:8px 15px;font-size:11px}.cloud-actions a{background:var(--accent);color:#22301f}.cloud-note{font-size:10px;max-width:540px}#cloud-fallback>span{font-size:60px;color:#8db2a6}#cloud-fallback h3{font-size:16px;font-weight:400}#cloud-fallback p{font-size:12px;color:var(--muted)}
@media(min-height:950px){.side-top{padding-top:35px;padding-bottom:26px}.location-section,.layers-section,.explore-section{padding-top:25px;padding-bottom:25px}.layer{padding:12px 9px}.map-caption{top:113px}.map-caption h2{font-size:30px}}@media(max-width:1150px){header{padding:0 22px}nav{gap:18px}.prototype{display:none}main{grid-template-columns:315px 1fr}.side-top,.location-section,.layers-section,.explore-section{padding-left:21px;padding-right:21px}.map-bottom{align-items:stretch;flex-direction:column;left:20px;right:auto}.data-info{max-width:100%}.detail-teaser{padding:10px 15px}.detail-teaser .teaser-icon{font-size:22px}.map-caption h2{font-size:23px}}@media(max-width:760px){header{height:70px;padding:0 16px;gap:10px}.brand svg{width:33px}.brand span{font-size:19px}.brand small{font-size:6px}nav{display:none}.header-right{gap:0}.upgrade{font-size:11px;padding:8px 11px}.upgrade span{margin-left:3px}main{display:flex;flex-direction:column;height:auto;min-height:0}.map-shell{order:0;height:66dvh;min-height:450px}.map-caption{left:20px;top:85px}.map-caption h2{font-size:22px;letter-spacing:1px}.map-caption p{font-size:9px}.map-top{left:16px;right:16px;top:16px}.map-top>button{padding:8px;font-size:10px}.map-tools{right:16px;top:160px}.map-north{display:none}.map-bottom{bottom:32px;left:15px;right:15px}.data-info{padding:8px;width:max-content;max-width:100%}.detail-teaser{position:absolute;right:0;bottom:70px;padding:9px}.detail-teaser .teaser-icon,.teaser-arrow{display:none}.detail-teaser strong{font-size:11px}.detail-teaser small{font-size:9px}aside{order:1;overflow:visible;border-right:0;display:grid;grid-template-columns:1fr 1fr}.side-top{grid-column:1/-1;padding:24px 20px}.side-top h1{font-size:25px;margin:10px 0;display:inline}.side-top h1 br{display:none}.intro{margin:5px 0 17px}.intro br{display:none}.location-section{grid-column:1/-1}.layers-section,.explore-section{padding:18px 14px}.layer{padding:6px;gap:7px}.layer-icon{width:28px;height:28px;font-size:19px}.layer small{font-size:9px}.layer i{display:none}.places{grid-template-columns:1fr;gap:5px}.places button{padding:7px}.places strong{margin:0}.places small{display:none}.side-footer{grid-column:1/-1}.map-badge{padding:8px}.map-caption .eyebrow{font-size:8px}#cloud-panel{inset:65px 10px 92px;padding:16px}.cloud-title h2{font-size:20px}.cloud-preview{min-height:100px}.cloud-note{font-size:9px}.cloud-title p{margin:4px 0}.cloud-actions{margin-top:4px}.plan-grid{grid-template-columns:1fr}dialog h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

#global-cloud-controls{position:absolute;top:245px;left:28px;z-index:5;background:#142019ef;border:1px solid #506448;border-radius:5px;display:flex;gap:12px;align-items:center;padding:9px 12px;font-size:11px}#global-cloud-controls input{background:#243527;color:#e4ecd4;border:1px solid #617352;padding:4px;border-radius:3px;color-scheme:dark}#global-cloud-controls button{color:var(--accent);font-size:10px}@media(max-width:760px){#global-cloud-controls{top:195px;left:15px;gap:6px;padding:8px;max-width:calc(100% - 75px);flex-wrap:wrap}#global-cloud-controls input{width:125px;font-size:11px}}
