.brand{min-width:0}.brand-mark{flex-shrink:0;font-size:19px}.brand-logo{width:34px;height:34px;object-fit:contain;flex-shrink:0}.brand-title{min-width:0;max-width:420px;overflow-wrap:anywhere}.site-header{height:auto;min-height:64px;padding-top:12px;padding-bottom:12px}.site-header nav,.header-actions{flex-shrink:0}.button:not(.secondary){color:var(--on-accent,#fff)}.button:not(.secondary):hover{color:var(--on-accent,#fff)}.city-shortcuts{gap:8px 10px;margin:18px 0}.city-shortcuts button{padding:5px 8px;border-radius:4px;background:var(--soft);font-size:13px}.city-shortcuts .all-cities{background:transparent;color:var(--muted);text-align:left;padding-left:0;width:100%;margin-top:4px}.load-more{margin-top:22px}.home-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.home-route{display:block;border-top:2px solid var(--line);padding:18px 0}.home-route h3{font-size:18px;margin:8px 0}.home-route p{color:var(--muted);font-size:13px;overflow-wrap:anywhere}.route-playback{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:20px 0}.route-timeline>li.current-stop{background:var(--soft);border-radius:5px}.route-timeline>li{padding-top:4px;padding-bottom:4px}
.cities-dialog,.asset-dialog{width:min(640px,calc(100vw - 32px));max-height:80vh;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:22px}.cities-dialog header,.asset-dialog header{display:flex;justify-content:space-between;align-items:center}.cities-dialog h2,.asset-dialog h2{margin:0 0 12px;font-size:20px}.cities-dialog header button,.asset-dialog header button{background:transparent;border:0;font-size:24px}.all-city-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:16px;max-height:50vh;overflow:auto}.all-city-results button{background:var(--soft);border:0;border-radius:4px;padding:10px 7px;text-align:left;color:var(--accent)}
.compact #app{padding-bottom:40px}.compact .section-title{margin-top:22px}.compact .footprint-intro{padding-top:25px;padding-bottom:25px}.compact .story-card p{margin-bottom:0}.contour-texture{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='280' viewBox='0 0 360 280'%3E%3Cg fill='none' stroke='%2394a3b8' stroke-opacity='.12'%3E%3Cpath d='M-30 50C80-60 230 0 180 130S340 300 390 190M-25 72C95-25 198 14 159 129S323 274 382 173M-20 94C96 0 173 34 139 127S292 253 380 151M-12 117C80 29 148 50 120 129S280 225 369 133M-5 139C78 62 115 74 100 132S267 206 365 112'/%3E%3C/g%3E%3C/svg%3E");background-size:360px 280px}
.motion-light #app>.footprint-section,.motion-light #app>#stories,.motion-light #app>#routes,.motion-light .city-panel{animation:travel-enter .3s ease both}.motion-light .story-cover img{transition:transform .22s ease}.motion-light .home-route{transition:transform .18s ease}@keyframes travel-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(hover:hover) and (pointer:fine){.motion-light .story-card:hover .story-cover img{transform:scale(1.035)}.motion-light .home-route:hover{transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-light *{animation:none!important;transition:none!important}}
.settings-tabs{display:flex;gap:7px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:24px}.settings-tabs button,.settings-tools>button,.preview-device button,.module-editor button,.ordered-picks button,.brand-asset>button,.settings-history button{background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:7px 11px;font-size:13px}.settings-tabs button.active,.preview-device button.active{background:var(--soft);color:var(--accent);border-color:var(--accent)}#appearance-form h2{font-size:19px;margin:25px 0 14px}#appearance-form h3{font-size:14px;font-weight:600;margin:0 0 12px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}#appearance-form label{margin-top:14px}.settings-field{min-width:0}.brand-assets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.brand-asset{border:1px solid var(--line);padding:14px;border-radius:6px;min-width:0}.asset-preview{height:105px;display:grid;place-items:center;margin-bottom:12px;background:var(--soft);border-radius:5px;padding:10px;text-align:center;font-size:12px}.asset-preview img{max-width:100%;max-height:85px;object-fit:contain}.brand-asset>button{margin:7px 5px 0 0}.brand-asset label{display:inline-block!important;margin-top:0!important}.asset-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.asset-library button{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:7px}.asset-library img{width:100%;aspect-ratio:1.5;object-fit:cover}.asset-library span{font-size:12px;display:block;overflow-wrap:anywhere}.module-editor{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);padding:10px 13px;border-radius:6px;margin:9px 0;gap:10px}.module-editor label{display:flex;align-items:center;gap:10px;margin:0!important}.module-editor input{width:auto}.ordered-picks>div{display:flex;align-items:center;gap:6px;margin:6px 0}.ordered-picks span{flex:1;font-size:13px}.css-editor{font:13px/1.8 ui-monospace,Consolas,monospace;min-height:330px;tab-size:2}.settings-actions{position:sticky;bottom:0;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:14px;margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:6}.settings-actions>span{font-size:12px;color:var(--muted);max-width:55%;overflow-wrap:anywhere}.settings-actions>div{display:flex;gap:9px;flex-shrink:0}.settings-tools{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:18px}.settings-history>div{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.settings-history span{font-size:12px}.settings-history button{flex-shrink:0}.settings-preview-frame{background:var(--soft);padding:10px;overflow:auto;border-radius:6px}.settings-preview-frame iframe{display:block;border:0;background:#fff;width:100%;height:650px;margin:auto}.settings-preview-frame iframe.mobile-preview{width:390px;max-width:100%}.preview-mode .dev-bar,.preview-mode a[href="/admin"],.preview-mode #account,.preview-mode .comment-form,.preview-mode #like{display:none!important}.preview-mode footer{margin-bottom:0}#set-accent{width:90px;height:45px;padding:4px}
@media(max-width:680px){.brand-title{max-width:175px;font-size:14px}.brand-logo{width:28px;height:28px}.site-header{gap:8px}.city-shortcuts{margin:10px 0}.footprint-intro{padding-bottom:0}.home-routes{grid-template-columns:1fr;gap:5px}.home-route{padding:15px 0}.all-city-results{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-tabs button{font-size:12px;padding:7px 9px}.settings-grid{grid-template-columns:1fr}.brand-assets{grid-template-columns:1fr}.brand-asset{display:block}.asset-preview{height:100px}.settings-actions{padding:10px;align-items:flex-start;flex-direction:column}.settings-actions>span{max-width:100%}.settings-actions>div{width:100%;justify-content:flex-end}.settings-history>div{align-items:flex-start}.settings-preview-frame{padding:0}.settings-preview-frame iframe{height:560px}.asset-library{grid-template-columns:repeat(2,minmax(0,1fr))}.motion-light #app>.footprint-section,.motion-light #app>#stories,.motion-light #app>#routes{animation-duration:.18s}.route-playback{gap:9px}}
.map-legend .level-0{background:var(--map-level-0)}.map-legend .level-1{background:var(--map-level-1)}.map-legend .level-2{background:var(--map-level-2)}.map-legend .level-3{background:var(--map-level-3)}.map-legend .level-4{background:var(--map-level-4)}

#routes{border-top:1px solid var(--line);margin-top:32px;padding-top:1px}.home-route{border-top:0}@media(max-width:680px){.home-route+.home-route{border-top:1px solid var(--line)}}
.locked-cover{position:relative;background:var(--soft);overflow:hidden}.locked-cover img{opacity:.72;filter:blur(2px);transform:scale(1.035)}.cover-lock{position:absolute;inset:0;display:grid;place-items:center;color:var(--text);background:var(--bg-overlay,#ffffff25)}.dark .cover-lock{background:#11182735;color:#fff}.lock-note{font-size:13px;color:var(--muted);margin:10px 0}.locked-hero{display:block;max-width:640px}.locked-page>.button{margin-top:12px}.locked-story .story-cover img{transition:none!important}.locked-story:hover .story-cover img{transform:scale(1.035)}
.theme-transition,.theme-transition .site-header,.theme-transition footer,.theme-transition button,.theme-transition a,.theme-transition input,.theme-transition textarea,.theme-transition select,.theme-transition .admin-card,.theme-transition .record-row,.theme-transition .account-menu,.theme-transition .city-panel,.theme-transition .cover-lock{transition:background-color .28s ease,color .28s ease,border-color .28s ease,box-shadow .28s ease}
@media(prefers-reduced-motion:reduce){.theme-transition,.theme-transition *{transition:none!important}}
.map-canvas{position:relative}.map-theme-snapshot{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:1;transition:opacity .28s ease}