:root{color-scheme:dark;--wall:#0b0d10;--steel:#262b33;--ink:#e7eaef;--muted:#b4bcc8;--lamp:#e8b86d}
*{box-sizing:border-box}body{margin:0;background:var(--wall);color:var(--ink);font:17px/1.6 system-ui,sans-serif}header,main,footer{max-width:1160px;margin:auto;padding:24px}header,footer{display:flex;flex-wrap:wrap;gap:24px;align-items:center}header{border-bottom:1px solid var(--steel)}header span,footer span{color:var(--muted)}main{min-height:72vh}h1{font-size:clamp(36px,6vw,64px);line-height:1.1;letter-spacing:-.035em}h2{font-size:23px}a{color:var(--lamp);text-underline-offset:4px}a:hover{color:#fff}.brand{font-size:22px;font-weight:800;text-decoration:none}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px;margin:32px 0}article,aside{background:#13171e;border:1px solid var(--steel);border-radius:8px;padding:22px;overflow-wrap:anywhere}article p{color:var(--muted)}article iframe,article img{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;object-fit:cover}aside{margin:28px 0}.logo{object-fit:contain;vertical-align:middle;margin-right:20px}
.sponsor-badge{display:flex;flex-direction:column;gap:10px;border-color:var(--lamp);background:linear-gradient(160deg,#17120a 0%,#13171e 55%,#0b0d10 100%)}.sponsor-badge-label{margin:0;color:var(--lamp);font-size:13px;letter-spacing:.08em;text-transform:uppercase}.sponsor-badge-link{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.sponsor-badge-name{font-weight:700}
.demo-steps{margin:28px 0;padding-left:1.25rem;color:var(--muted)}.demo-steps li{margin:10px 0}.demo-finished{margin:28px 0;padding:22px;border:1px solid var(--steel);border-radius:8px;background:linear-gradient(165deg,#121820 0%,#10141b 60%,#0e141c 100%)}.demo-finished h2{margin-top:0}.demo-city-shell{margin:16px 0;padding:16px;border:1px solid var(--steel);border-radius:8px;background:#0b0d10}.demo-city-meta{color:var(--muted);margin:0 0 12px}.demo-camera{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;max-width:720px;border-radius:6px;background:radial-gradient(ellipse at 40% 30%,#243044 0%,#151a22 55%,#0c1016 100%);color:var(--muted);margin-bottom:12px}.demo-camera p{margin:0}#logo-upload-hint{color:var(--muted);font-size:15px}
form{max-width:560px}label{display:block;margin:18px 0 5px}input,select,button{font:inherit;padding:12px;border-radius:5px;border:1px solid #697383;background:#181d26;color:var(--ink);max-width:100%}input{width:100%}button{background:var(--lamp);color:#17120a;font-weight:700;cursor:pointer;margin:18px 0}select{margin-right:14px}:focus-visible{outline:3px solid var(--lamp);outline-offset:4px}.weather,.weather-empty{color:var(--muted);margin:0 0 12px}.city-blurb{margin:0 0 14px;max-width:42rem;line-height:1.45;color:var(--ink)}.grid>article{content-visibility:auto;contain-intrinsic-size:auto 140px}.highlight{margin:28px 0;padding:22px;border:1px solid var(--steel);border-radius:8px;background:#10141b}.highlight h2{margin-top:0}.highlight img{display:block;width:100%;max-width:720px;height:auto;aspect-ratio:16/9;border:0;object-fit:cover;margin:16px 0}.highlight-note{color:var(--muted)}.timelapse-panel{margin:28px 0;padding:22px;border:1px solid var(--steel);border-radius:8px;background:#10141b}.timelapse-panel h2{margin-top:0}.timelapse-panel img,.timelapse-panel iframe{display:block;width:100%;max-width:720px;height:auto;aspect-ratio:16/9;border:0;object-fit:cover;margin:16px 0}.timelapse{margin:12px 0 0;padding-left:1.25rem;color:var(--muted)}.timelapse-note{color:var(--muted)}.price{font-size:32px;font-weight:700}table{border-collapse:collapse;display:block;overflow:auto}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--steel)}pre{white-space:pre-wrap;overflow-wrap:anywhere}[hidden]{display:none!important}footer{border-top:1px solid var(--steel);font-size:15px}
body.embed{background:linear-gradient(160deg,#0b0d10 0%,#151a22 55%,#0b0d10 100%)}body.embed header,body.embed main,body.embed footer{max-width:960px;padding:16px}body.embed h1{font-size:clamp(28px,5vw,40px)}.embed-grid{margin:16px 0}.embed-credit{color:var(--muted);font-size:15px}textarea.snippet{width:100%;font:14px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:12px;border-radius:5px;border:1px solid #697383;background:#181d26;color:var(--ink);resize:vertical}code{font:14px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--lamp)}
.map-panel{margin:28px 0}.map-svg{display:block;width:100%;height:auto;max-height:min(70vh,520px);border:1px solid var(--steel);border-radius:8px;background:radial-gradient(ellipse at 30% 20%,#1a2433 0%,#10141b 55%,#0c1016 100%);touch-action:manipulation}.map-ocean{fill:#151a22;opacity:.9}.map-grid line{stroke:#262b33;stroke-width:1}.map-svg-pin{fill:#697383;stroke:#0b0d10;stroke-width:2}.map-svg-pin.is-live{fill:var(--lamp)}.map-markers a:focus .map-svg-pin,.map-markers a:hover .map-svg-pin{stroke:#fff;stroke-width:3}.map-svg-label{fill:var(--ink);font:12px/1.2 system-ui,sans-serif;paint-order:stroke;stroke:#0b0d10;stroke-width:3px}.map-svg-temp{fill:#9ed0ff;font:11px/1 system-ui,sans-serif;font-weight:700;paint-order:stroke;stroke:#0b0d10;stroke-width:3px}.map-legend{color:var(--muted);font-size:15px}.map-legend-live::before,.map-legend-quiet::before,.map-legend-weather::before{content:"";display:inline-block;width:.7em;height:.7em;border-radius:50%;margin-right:.35em;vertical-align:middle}.map-legend-live::before{background:var(--lamp)}.map-legend-quiet::before{background:#697383}.map-legend-weather::before{background:#9ed0ff}.map-list{margin:12px 0 0;padding-left:1.25rem;color:var(--muted)}.map-list a{color:var(--lamp)}.map-weather-overlay{margin:28px 0;padding:18px 20px;border:1px solid var(--steel);border-radius:8px;background:linear-gradient(165deg,#121820 0%,#10141b 60%,#0e141c 100%)}.map-weather-overlay h2{margin-top:0;font-size:20px}.map-weather-list{margin:10px 0 0;padding-left:1.25rem;color:var(--muted)}.map-weather-empty{color:var(--muted);margin:20px 0}
@media (max-width:480px){.map-svg{max-height:min(55vh,360px)}.map-svg-label{font-size:10px}.map-svg-temp{font-size:12px}.map-legend{font-size:14px;line-height:1.45}.map-list,.map-weather-list{padding-left:1rem;font-size:15px}}