:root{--bg: #0e1116;--panel: #161b22;--panel-2: #1c232d;--border: #2a323d;--text: #e6edf3;--muted: #8b97a6;--gold: #E29A2E;--gold-light: #F2B84B;--gold-dim: #b8791f;--green: #3fb950;--red: #f85149;--blue: #58a6ff;--radius: 12px;--shadow: 0 6px 24px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app{display:grid;grid-template-columns:380px 1fr;height:100vh}.sidebar{background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.brand{display:flex;align-items:center;gap:10px;padding:18px 20px;border-bottom:1px solid var(--border)}.brand>svg{filter:drop-shadow(0 3px 10px rgba(226,154,46,.3))}.brand h1{font-size:18px;margin:0;letter-spacing:.2px}.wordmark{font-weight:800;letter-spacing:-.3px;color:var(--text)}.wordmark span{color:var(--gold)}.beta{font-size:9px;font-weight:800;letter-spacing:.08em;vertical-align:middle;padding:2px 6px;border-radius:6px;background:#e29a2e29;color:var(--gold);border:1px solid rgba(226,154,46,.4);text-transform:uppercase}.gate{min-height:100vh;display:grid;place-items:center;background:radial-gradient(1200px 600px at 50% -10%,rgba(226,154,46,.1),transparent 60%),var(--bg);padding:24px}.gate-card{width:360px;max-width:92vw;display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:32px 28px;box-shadow:var(--shadow)}.gate-card>svg{filter:drop-shadow(0 6px 18px rgba(226,154,46,.35))}.gate-brand{margin-top:12px;font-size:26px}.gate-tag{color:var(--muted);font-size:13px;margin:10px 0 20px;line-height:1.5}.feedback-fab{position:fixed;right:18px;bottom:18px;z-index:50;padding:10px 16px;border:none;border-radius:999px;cursor:pointer;font-weight:700;font-size:13px;background:linear-gradient(180deg,var(--gold),var(--gold-dim));color:#1a1200;box-shadow:0 6px 20px #e29a2e66}.feedback-fab:hover{filter:brightness(1.06)}.onboard{background:linear-gradient(180deg,rgba(226,154,46,.08),transparent),var(--panel-2);border:1px solid var(--border);border-radius:14px;padding:16px}.onboard-title{font-weight:800;font-size:15px;margin-bottom:10px}.onboard-step{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text);margin:7px 0}.onboard-step span{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;background:#e29a2e2e;color:var(--gold);border:1px solid rgba(226,154,46,.4)}.maplibregl-popup-content{background:var(--panel)!important;color:var(--text)!important;border:1px solid var(--border);border-radius:10px!important;box-shadow:var(--shadow)!important;padding:8px 12px!important}.maplibregl-popup-tip{border-top-color:var(--panel)!important;border-bottom-color:var(--panel)!important}.map-pop{font-size:12.5px;font-weight:600}.settings-acct{font-size:13px;line-height:1.9}.settings-acct .lbl{display:inline-block;width:56px;color:var(--muted)}.dash{background:var(--panel-2);border:1px solid var(--border);border-radius:14px;padding:14px}.dash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 8px}.dash-grid>div{display:flex;flex-direction:column}.dash-grid b{font-size:15px;color:var(--text)}.dash-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.dash-chart-title{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:14px 0 6px}.dash-months{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:2px}.dash-export{display:flex;align-items:center;gap:12px;margin-top:12px;padding-top:10px;border-top:1px solid var(--border);font-size:12px}.dash-export span{color:var(--muted)}.dash-export a{color:var(--gold);font-weight:600;text-decoration:none}.tour{text-align:center}.tour-icon{font-size:40px;margin:6px 0}.tour-title{font-size:18px;font-weight:800;margin-bottom:6px}.tour-body{font-size:13.5px;color:var(--muted);line-height:1.6;min-height:66px}.tour-dots{display:flex;justify-content:center;gap:7px;margin-top:12px}.tour-dots span{width:7px;height:7px;border-radius:50%;background:var(--border);cursor:pointer;transition:background .15s}.tour-dots span.on{background:var(--gold)}.ctd{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:8;width:min(460px,calc(100% - 32px));max-height:56%;overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ctd-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.ctd-name{font-weight:800;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ctd-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 8px;margin:12px 0}.ctd-stats>div{display:flex;flex-direction:column}.ctd-stats b{font-size:14px;color:var(--text)}.ctd-stats span{font-size:9.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}.cmp-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;margin-bottom:6px}.cmp-legend span{display:flex;align-items:center;gap:6px;color:var(--text)}.cmp-legend i{width:12px;height:3px;border-radius:2px;display:inline-block}.cmp-table{border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-top:6px}.cmp-row{display:grid;grid-template-columns:1.1fr repeat(auto-fit,minmax(0,1fr));gap:6px;padding:6px 10px;font-size:12px;border-bottom:1px solid rgba(255,255,255,.05)}.cmp-row:last-child{border-bottom:none}.cmp-row span:first-child{color:var(--muted)}.cmp-row span:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.cmp-head{background:var(--panel-2);font-weight:700}.cmp-head span:not(:first-child){font-size:11px}.splits{margin-top:6px;border:1px solid var(--border);border-radius:10px;overflow:hidden}.splits-row{display:grid;grid-template-columns:1fr 1fr 1.3fr 1fr;gap:6px;padding:6px 10px;font-size:12px;border-bottom:1px solid rgba(255,255,255,.05)}.splits-row:last-child{border-bottom:none}.splits-row span:not(:first-child){text-align:right}.splits-head{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.04em;background:var(--panel-2)}.public-view{position:fixed;top:0;right:0;bottom:0;left:0}.public-map{position:absolute;top:0;right:0;bottom:0;left:0}.public-card{position:absolute;left:18px;bottom:18px;top:18px;width:min(380px,calc(100% - 36px));overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.public-brand{display:flex;align-items:center;gap:8px;margin-bottom:14px}.public-name{font-size:20px;font-weight:800}@media (max-width: 720px){.public-card{left:0;right:0;bottom:0;top:auto;width:100%;max-height:60%;border-radius:16px 16px 0 0}}.leaflet-container{position:relative;z-index:0;background:#0e1116}.leaflet-note{position:absolute;right:12px;bottom:26px;z-index:4;background:#0e1116cc;border:1px solid var(--border);color:var(--gold);font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:help}.leaflet-control-zoom a{background:var(--panel)!important;color:var(--text)!important;border-color:var(--border)!important}.map-error{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;text-align:center;padding:24px;background:#0e1116}.map-error-icon{font-size:40px;opacity:.8}.map-error-title{font-size:17px;font-weight:800}.map-error-body{font-size:13px;color:var(--muted);max-width:360px;line-height:1.6;margin-bottom:6px}.map-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;background:#0e1116;color:var(--muted);font-size:13px}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--gold);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pair-box{background:linear-gradient(180deg,rgba(226,154,46,.08),transparent),var(--panel-2);border:1px solid rgba(226,154,46,.4);border-radius:12px;padding:12px 14px;margin-bottom:8px}.pair-code-row{display:flex;align-items:center;gap:10px;margin-top:8px}.pair-code{flex:1;font-size:22px;font-weight:800;letter-spacing:3px;color:var(--gold);background:#0c0f14;border:1px solid var(--border);border-radius:8px;padding:10px 12px;text-align:center}.danger-zone{margin-top:18px;border:1px solid rgba(248,81,73,.35);border-radius:12px;padding:12px 14px;background:#f851490d}.install-prompt{position:fixed;left:16px;bottom:16px;z-index:60;display:flex;align-items:center;gap:12px;width:min(360px,calc(100% - 32px));background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:12px 14px;animation:toast-in .22s ease}.install-prompt b{font-size:13.5px}.install-x{background:none;border:none;color:var(--muted);cursor:pointer;font-size:15px;padding:2px 4px;border-radius:6px}.install-x:hover{color:var(--text)}.offline-bar{position:fixed;top:0;left:0;right:0;z-index:100;text-align:center;background:#f85149;color:#fff;font-size:13px;font-weight:600;padding:7px 12px}.skel{position:relative;overflow:hidden;background:var(--panel-2);border:1px solid var(--border);border-radius:12px}.skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);transform:translate(-100%);animation:shimmer 1.3s infinite}.skel-dash{height:132px;margin-bottom:12px}.skel-row{height:58px;margin-bottom:8px;border-radius:10px}@keyframes shimmer{to{transform:translate(100%)}}.btn,.row,.feedback-fab,.signin-btn,.basemap-switch button,.subtabs button{transition:background .15s ease,transform .12s ease,color .15s ease,border-color .15s ease,filter .15s ease}.row{cursor:pointer}.row:hover{border-color:#e29a2e59;transform:translateY(-1px)}.btn:active,.feedback-fab:active{transform:translateY(1px)}.link-strong{transition:color .15s ease}:focus:not(:focus-visible){outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible,.row:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:8px}.close{border-radius:8px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}textarea{background:#0c0f14;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:9px;font-family:inherit;font-size:13px}.auth-info{background:#3fb9501f;color:var(--green);border:1px solid rgba(63,185,80,.3);border-radius:8px;padding:8px 10px;font-size:12.5px;margin-top:8px}.verify-banner{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;font-size:13px;background:#e29a2e24;color:var(--text);border-bottom:1px solid rgba(226,154,46,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.verify-banner .vb-close{background:none;border:none;color:var(--muted);cursor:pointer;margin-left:12px;font-size:13px}.brand small{color:var(--muted);font-size:11px}.bridge-pill{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);background:var(--panel-2);border:1px solid var(--border);padding:4px 8px;border-radius:20px}.bridge-pill .dot.warn{background:var(--gold)}.signin-btn{font-size:11px;font-weight:700;color:#1a1200;cursor:pointer;background:linear-gradient(180deg,var(--gold),var(--gold-dim));border:none;padding:6px 12px;border-radius:20px}.usermenu{position:relative}.avatar{width:30px;height:30px;border-radius:50%;cursor:pointer;background:linear-gradient(180deg,var(--gold),var(--gold-dim));color:#1a1200;font-weight:700;font-size:13px;border:none;display:grid;place-items:center}.usermenu-pop{position:absolute;right:0;top:38px;z-index:60;width:220px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:6px;overflow:hidden}.usermenu-head{padding:8px 10px}.usermenu-name{font-weight:600;font-size:13px}.usermenu-email{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.usermenu-org{font-size:11px;color:var(--muted);padding:6px 10px;border-top:1px solid var(--border)}.usermenu-org span{color:var(--gold);text-transform:capitalize}.usermenu-item{width:100%;text-align:left;padding:9px 10px;font-size:13px;cursor:pointer;background:transparent;color:var(--text);border:none;border-top:1px solid var(--border)}.usermenu-item:hover{color:var(--gold)}.chk{display:flex;align-items:center;gap:8px;font-size:13px;margin:8px 0;cursor:pointer}.chk input{width:16px;height:16px}.ws-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ws-grid>div{display:flex;flex-direction:column}.ws-grid b{font-size:14px;color:var(--text, #e6edf3)}.ws-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted, #8b97a6)}.badge{font-size:10px;padding:2px 8px;border-radius:999px;background:#f4b40026;color:var(--gold, #f4b400);border:1px solid rgba(244,180,0,.3)}.badge.ok{background:#3fb95026;color:#3fb950;border-color:#3fb9504d}.badge.warn{background:#f851491f;color:#f85149;border-color:#f851494d}.cap-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:11px;color:var(--muted, #8b97a6)}.audit-row{display:flex;justify-content:space-between;gap:8px;font-size:11px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05)}.audit-row .act{color:var(--gold, #f4b400)}.auth-err{background:#f851491f;border:1px solid rgba(248,81,73,.4);color:var(--red);font-size:12px;padding:8px 10px;border-radius:8px;margin-bottom:6px}.device-card{margin:14px;padding:14px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius)}.device-card.disconnected{border-color:var(--red)}.status-row{display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:10px}.dot{width:9px;height:9px;border-radius:50%;background:var(--muted)}.dot.on{background:var(--green);box-shadow:0 0 8px var(--green)}.dot.off{background:var(--red)}.device-meta{font-size:12px;color:var(--muted);line-height:1.7}.device-meta b{color:var(--text);font-weight:600}.storage-bar{height:8px;border-radius:6px;background:#0c0f14;margin:10px 0 4px;overflow:hidden}.storage-bar>div{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-dim))}.legacy-scan{margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}.legacy-toggle{width:100%;text-align:left;padding:7px 10px;font-size:11px;font-weight:600;background:transparent;color:var(--muted);border:1px dashed var(--border);border-radius:8px;cursor:pointer}.legacy-toggle:hover{color:var(--gold);border-color:var(--gold-dim)}.legacy-toggle:disabled{opacity:.6;cursor:default}.legacy-result{font-size:11px;margin-top:8px;line-height:1.5}.legacy-muted{color:var(--muted)}.legacy-found{color:var(--green);font-weight:600}.legacy-dev{color:var(--text);margin-top:2px}.legacy-result code{background:#0c0f14;color:var(--gold);padding:1px 4px;border-radius:4px}.device-notice{font-size:11px;color:var(--gold);background:#f4b4001a;border:1px solid var(--gold-dim);border-radius:8px;padding:8px 10px;margin-bottom:10px;line-height:1.5}.bridge-cta{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.bridge-cta-title{color:var(--text);font-weight:600;margin-bottom:4px}.bridge-steps{margin-top:8px;font-size:11px;color:var(--muted);line-height:1.6}.device-meta code,.bridge-steps code{background:#0c0f14;color:var(--gold);padding:1px 5px;border-radius:5px;font-size:11px}.tabs{display:flex;gap:4px;padding:0 14px;margin-top:4px}.tabs button{flex:1;padding:9px 0;font-size:12px;font-weight:600;background:transparent;color:var(--muted);border:none;border-bottom:2px solid transparent;cursor:pointer}.tabs button.active{color:var(--gold);border-bottom-color:var(--gold)}.tabs.wrap{flex-wrap:wrap;gap:6px;padding:10px 14px;border-bottom:1px solid var(--border)}.tabs.wrap button{flex:0 0 auto;padding:6px 11px;border-radius:8px;border:1px solid var(--border);white-space:nowrap}.tabs.wrap button.active{color:#1a1200;background:var(--gold);border-color:var(--gold)}textarea{resize:vertical;font-family:inherit}input[type=color]{background:#0c0f14;border:1px solid var(--border);border-radius:8px;cursor:pointer}.list{flex:1;overflow-y:auto;padding:12px 14px}.subtabs{display:flex;gap:4px;margin-bottom:12px;background:#0c0f14;padding:3px;border-radius:9px}.subtabs button{flex:1;padding:7px 0;font-size:12px;font-weight:600;cursor:pointer;background:transparent;color:var(--muted);border:none;border-radius:7px}.subtabs button.active{background:var(--panel-2);color:var(--gold)}.row{padding:11px 12px;margin-bottom:8px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:border-color .12s,transform .06s}.row:hover{border-color:var(--gold-dim)}.row.active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.row .row-head{display:flex;align-items:center;gap:8px}.swatch{width:10px;height:10px;border-radius:3px;flex:none}.row .name{font-weight:600;font-size:13px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .badge{font-size:9px;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:5px;background:#58a6ff26;color:var(--blue)}.row .stats{display:flex;gap:14px;margin-top:8px;font-size:11px;color:var(--muted)}.row .stats b{color:var(--text);font-weight:600}.empty{color:var(--muted);font-size:13px;text-align:center;padding:40px 10px}.main{position:relative}.map{position:absolute;top:0;right:0;bottom:0;left:0}.basemap-switch{position:absolute;left:10px;top:10px;z-index:5;display:flex;gap:2px;background:#0e1116b3;border:1px solid var(--border);border-radius:9px;padding:2px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.basemap-switch button{background:none;border:none;color:var(--muted);font-size:11px;font-weight:600;padding:5px 10px;border-radius:7px;cursor:pointer}.basemap-switch button.active{background:var(--panel-2);color:var(--gold)}.play-ctrl{position:absolute;left:50%;top:12px;transform:translate(-50%);z-index:6;background:#0e1116cc;border:1px solid var(--border);color:#22d3ee;font-weight:700;font-size:12px;padding:6px 14px;border-radius:999px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.play-ctrl:hover{filter:brightness(1.1)}.maplibregl-ctrl-group{background:#161b22eb!important;border:1px solid var(--border)!important;box-shadow:var(--shadow)!important}.maplibregl-ctrl-group button+button{border-top:1px solid var(--border)!important}.maplibregl-ctrl button .maplibregl-ctrl-icon{filter:invert(1) hue-rotate(180deg) brightness(.9)}.maplibregl-ctrl-attrib{background:#0e111699!important}.maplibregl-ctrl-attrib a{color:var(--muted)!important}.maplibregl-ctrl-scale{background:#0e111699!important;color:var(--muted)!important;border-color:var(--border)!important}.toast{animation:toast-in .22s ease-out}@keyframes toast-in{0%{opacity:0}to{opacity:1}}@media (max-width: 820px){.app{grid-template-columns:1fr!important;grid-template-rows:auto 1fr}.sidebar{max-height:52vh;overflow-y:auto}.main{min-height:48vh}.feedback-fab{bottom:12px;right:12px;padding:8px 12px}.gate-card{padding:26px 20px}}.drawer{position:absolute;left:16px;right:16px;bottom:16px;background:#161b22f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px;max-height:46%;overflow:auto}.drawer-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.drawer-head .title{font-size:15px;font-weight:700;flex:1}.drawer-head .close{background:none;border:none;color:var(--muted);font-size:20px;cursor:pointer}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px}.metric{background:var(--panel-2);border:1px solid var(--border);border-radius:9px;padding:9px 11px}.metric .v{font-size:17px;font-weight:700}.metric .v small{font-size:11px;color:var(--muted);font-weight:500}.metric .k{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-top:2px}.chart-wrap{margin-top:14px}.chart-wrap h4{margin:0 0 6px;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.btn{display:inline-flex;align-items:center;gap:6px;justify-content:center;padding:9px 14px;border-radius:9px;font-size:13px;font-weight:600;border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer}.btn:hover{border-color:var(--gold-dim)}.btn.primary{background:linear-gradient(180deg,var(--gold),var(--gold-dim));color:#1a1200;border:none}.btn.danger{color:var(--red);border-color:#f8514966}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.full{width:100%}.field{margin-bottom:10px}.field label{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.field input,.field select,.field textarea{width:100%;padding:8px 10px;font-size:13px;background:#0c0f14;color:var(--text);border:1px solid var(--border);border-radius:8px}.field-row{display:flex;gap:8px}.field-row .field{flex:1}.toast{position:fixed;top:16px;left:50%;transform:translate(-50%);background:var(--panel-2);border:1px solid var(--gold-dim);padding:10px 16px;border-radius:9px;font-size:13px;z-index:50;box-shadow:var(--shadow)}.toast.error{border-color:var(--red)}.hint{font-size:11px;color:var(--muted);margin-top:8px;line-height:1.5}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px}.modal{width:460px;max-width:100%;max-height:88vh;overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:22px 24px}.modal-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.modal-head img{border-radius:8px}.modal-title{font-size:17px;font-weight:700;flex:1}.modal-head .close{background:none;border:none;color:var(--muted);font-size:22px;cursor:pointer}.modal-sub{color:var(--muted);font-size:13px;line-height:1.5;margin:4px 0 18px}.install-cta{margin-bottom:14px;font-size:14px}.install-badge{display:inline-block;font-size:11px;font-weight:600;color:var(--gold);background:#f4b4001f;border:1px solid var(--gold-dim);padding:4px 10px;border-radius:20px;margin-bottom:14px}.install-step{display:flex;gap:12px;margin-bottom:14px;font-size:13px;line-height:1.5}.install-step-n{flex:none;width:24px;height:24px;border-radius:50%;background:var(--gold);color:#1a1200;font-weight:700;font-size:12px;display:grid;place-items:center}.install-step code,.modal code{background:#0c0f14;color:var(--gold);padding:1px 6px;border-radius:5px;font-size:12px}.copyable{cursor:pointer;border:1px dashed var(--gold-dim)}.copied{color:var(--green);font-size:11px;margin-left:6px}.link-strong{color:var(--gold);font-weight:600}.install-done{display:flex;align-items:center;gap:14px;padding:8px 0}.install-done-icon{flex:none;width:40px;height:40px;border-radius:50%;background:#3fb95026;color:var(--green);display:grid;place-items:center;font-size:22px;font-weight:700}.install-note{padding:8px 0;font-size:13px}.maplibregl-popup-content{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:9px;font-size:12px;box-shadow:var(--shadow)}.maplibregl-popup-tip{border-top-color:var(--panel-2)!important;border-bottom-color:var(--panel-2)!important}.maplibregl-popup-close-button{color:var(--muted)}