body.field-mode{--background:#fff;--foreground:#000;--card-bg:#fff;--card-border:#000;--text-primary:#000;--text-secondary:#333;--accent:#000;--success:green;--warning:orange;--error:red;background-color:var(--background)!important;color:var(--foreground)!important}body.field-mode .glass-panel,body.field-mode .bg-black\/40,body.field-mode .backdrop-blur-md{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;background:#fff!important;border:2px solid #000!important}body.field-mode .text-gray-400,body.field-mode .text-zinc-400{color:#333!important}body.field-mode .text-white{color:#000!important}body.field-mode div,body.field-mode span,body.field-mode p{text-shadow:none!important}body.field-mode .metric-value{font-size:1.2em!important;font-weight:900!important}
.tech-generations-container{flex-direction:column;gap:16px;padding:12px 0;display:flex}.tech-generation{border-bottom:1px solid #0000000f;margin-bottom:16px;padding-bottom:12px}.tech-generation:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.tech-gen-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.tech-gen-label{white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:3px 10px;font-size:13px;font-weight:700;display:inline-flex}.tech-gen-label.gen-5g{color:#7c3aed;background:#8b5cf626}.tech-gen-label.gen-4g{color:#2563eb;background:#3b82f626}.tech-gen-label.gen-3g{color:#16a34a;background:#22c55e26}.tech-gen-label.gen-2g{color:#6b7280;background:#9ca3af26}.signal-bars{align-items:flex-end;gap:1px;margin-left:2px;display:flex}.signal-bar{background:#ddd;border-radius:1px;width:2px;height:6px}.signal-bar.active{background:currentColor}html.dark .tech-generation{border-bottom-color:#ffffff0f}html.dark .tech-gen-label.gen-5g{color:#d8b4fe;background:#8b5cf633}html.dark .tech-gen-label.gen-4g{color:#93c5fd;background:#3b82f633}html.dark .tech-gen-label.gen-3g{color:#86efac;background:#22c55e33}html.dark .tech-gen-label.gen-2g{color:#d1d5db;background:#9ca3af33}.tech-bands{flex-wrap:wrap;gap:6px;display:flex}.tech-band-chip{cursor:pointer;background:0 0;border:1.5px solid;border-radius:18px;align-items:center;gap:4px;padding:6px 12px;font-family:system-ui,-apple-system,sans-serif;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.tech-band-chip:active{transform:scale(.98)}.tech-band-chip.band-5g{color:#7c3aed;background:#8b5cf614;border-color:#d8b4fe}.tech-band-chip.band-5g:hover{background:#8b5cf626;transform:translateY(-1px)}.tech-band-chip.band-5g.highlighted{background:#8b5cf640;transform:scale(1.05);box-shadow:0 0 12px #7c3aed66}.tech-band-chip.band-4g{color:#2563eb;background:#3b82f614;border-color:#bfdbfe}.tech-band-chip.band-4g:hover{background:#3b82f626;transform:translateY(-1px)}.tech-band-chip.band-4g.highlighted{background:#3b82f640;transform:scale(1.05);box-shadow:0 0 12px #2563eb66}.tech-band-chip.band-3g{color:#16a34a;background:#22c55e14;border-color:#86efac}.tech-band-chip.band-3g:hover{background:#22c55e26;transform:translateY(-1px)}.tech-band-chip.band-3g.highlighted{background:#22c55e40;transform:scale(1.05);box-shadow:0 0 12px #16a34a66}.tech-band-chip.band-2g{color:#6b7280;background:#9ca3af14;border-color:#d1d5db}.tech-band-chip.band-2g:hover{background:#9ca3af26;transform:translateY(-1px)}html.dark .tech-band-chip.band-5g{background:#8b5cf61a;border-color:#d8b4fe80}html.dark .tech-band-chip.band-4g{background:#3b82f61a;border-color:#bfdbfe80}html.dark .tech-band-chip.band-3g{background:#22c55e1a;border-color:#86efac80}html.dark .tech-band-chip.band-2g{background:#6b72801a;border-color:#d1d5db4d}.tech-band-name{font-family:SF Mono,Monaco,monospace;font-weight:600}.tech-band-freq{opacity:.7;font-size:11px;font-weight:400}.tech-update-date{color:#999;border-top:1px solid #0000000f;margin-top:8px;padding-top:8px;font-size:10px}html.dark .tech-update-date{color:#666;border-top-color:#ffffff0f}.signal-stats-container{flex-direction:column;gap:12px;display:flex}.filter-tabs{-webkit-overflow-scrolling:touch;gap:6px;margin-bottom:12px;padding-bottom:4px;display:flex;overflow-x:auto}.filter-tab{color:#666;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e5e5;border-radius:16px;flex-shrink:0;padding:6px 12px;font-size:11px;font-weight:600;transition:all .2s}.filter-tab:hover{background:#f9f9f9;border-color:#ccc}.filter-tab.active{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%);border-color:#0000}html.dark .filter-tab{color:#aaa;background:#333;border-color:#404040}html.dark .filter-tab:hover{background:#3a3a3a;border-color:#6366f1}html.dark .filter-tab.active{background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%)}.signal-stats-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.signal-stat-card{background:#f9f9f9;border:1px solid #e5e5e5;border-radius:8px;padding:10px}.signal-stat-label{color:#666;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:600}.signal-stat-value{color:#1a1a1a;font-family:SF Mono,monospace;font-size:16px;font-weight:700}.signal-stat-unit{color:#999;margin-left:2px;font-size:11px}html.dark .signal-stat-card{background:#333;border-color:#404040}html.dark .signal-stat-label{color:#aaa}html.dark .signal-stat-value{color:#f5f5f5}.cell-list-container{border-top:1px solid #e5e5e5;margin-top:12px;padding-top:12px}.cell-list-title{color:#666;text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:600;display:block}.cell-list-by-sector{flex-direction:column;gap:10px;display:flex}.cell-sector-group{background:linear-gradient(135deg,#f0f4ff 0%,#f5f3ff 100%);border:1px solid #e0e7ff;border-radius:10px;padding:10px}.cell-sector-name{color:#3730a3;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.cell-sector-icon{color:#fff;background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:inline-flex}.cell-items{flex-direction:column;gap:6px;display:flex}.cell-item{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#fff;border:1.5px solid #e0e7ff;border-radius:8px;justify-content:space-between;align-items:center;padding:10px;transition:all .2s;display:flex}.cell-item:active{background:linear-gradient(135deg,#f8f6ff 0%,#faf5ff 100%);border-color:#a5b4fc;transform:translateY(-1px);box-shadow:0 2px 8px #6366f11a}.cell-item.active{background:linear-gradient(135deg,#eef2ff 0%,#f3e8ff 100%);border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.cell-item-info{flex-direction:column;flex:1;gap:2px;display:flex}.cell-item-band{color:#1e1b4b;font-family:SF Mono,monospace;font-size:12px;font-weight:700}.cell-item-meta{color:#6366f1;font-size:10px;font-weight:500}.cell-item-indicator{background:#e0e7ff;border-radius:50%;flex-shrink:0;width:10px;height:10px;transition:all .2s}.cell-item.active .cell-item-indicator{background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);box-shadow:0 0 8px #6366f180}html.dark .cell-list-container{border-top-color:#404040}html.dark .cell-list-title{color:#aaa}html.dark .cell-sector-group{background:linear-gradient(135deg,#4f46e51a 0%,#6366f11a 100%);border-color:#6366f133}html.dark .cell-sector-name{color:#c7d2fe}html.dark .cell-item{color:#f5f5f5;background:#333;border-color:#6366f133}html.dark .cell-item:active{background:#6366f11a;border-color:#6366f1}html.dark .cell-item.active{background:#6366f133;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}html.dark .cell-item-band{color:#e0e7ff}html.dark .cell-item-meta{color:#a5b4fc}html.dark .cell-item-indicator{background:#6366f14d}html.dark .cell-item.active .cell-item-indicator{background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);box-shadow:0 0 8px #6366f199}.toast-container{z-index:2000;pointer-events:none;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast{color:#fff;opacity:0;pointer-events:auto;background:#333;border-radius:8px;padding:12px 20px;font-size:13px;font-weight:500;transition:all .3s;transform:translateY(20px);box-shadow:0 4px 12px #0000004d}.toast.show{opacity:1;transform:translateY(0)}html.dark .toast{color:#f5f5f5;background:#555}@media (max-width:640px){.tech-bands{gap:4px}.tech-band-chip{padding:5px 10px;font-size:11px}.signal-stats-grid{grid-template-columns:1fr}.filter-tabs{gap:4px}.filter-tab{padding:5px 10px;font-size:10px}.cell-item{padding:8px}.cell-item-band{font-size:11px}.cell-item-meta{font-size:9px}.cell-sector-group{padding:8px}.cell-sector-name{font-size:10px}.cell-sector-icon{width:18px;height:18px;font-size:9px}}
.sidepanel-wrapper{background:#fff;flex-direction:column;height:100%;display:flex;position:relative;overflow-x:auto}html.dark .sidepanel-wrapper{background:#262626}.sidepanel-hero{color:#fff;background:linear-gradient(135deg,#e2001a 0%,#ff5a33 100%);flex-shrink:0;padding:12px 14px;position:relative}.hero-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#fff3;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;transition:all .15s;display:flex}.hero-btn:hover{background:#ffffff4d}.hero-btn:active{background:#ffffff40;transform:scale(.95)}.hero-meta{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.hero-chip{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-block}.hero-info{opacity:.85;flex-wrap:wrap;gap:8px;font-size:11px;display:flex}.hero-divider{background:#ffffff4d;width:1px;height:14px}.compact-summary{z-index:10;background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;padding:10px 12px;font-size:11px;position:sticky;top:0}html.dark .compact-summary{background:#262626;border-bottom-color:#404040}.summary-row{align-items:center;gap:8px;margin-bottom:4px;padding-bottom:2px;display:flex;overflow-x:auto}.summary-row:last-child{margin-bottom:0}.summary-tech{white-space:nowrap;color:#8b5cf6;background:#8b5cf61a;border-radius:12px;align-items:center;gap:3px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}.summary-tech.tech-4g{color:#3b82f6;background:#3b82f61a}.summary-tech.tech-3g{color:#22c55e;background:#22c55e1a}.summary-tech.tech-2g{color:#6b7280;background:#9ca3af1a}.summary-divider{background:#e5e5e5;flex-shrink:0;width:1px;height:14px}.summary-bands{color:#666;flex-wrap:wrap;gap:4px;font-size:10px;display:flex}.summary-update{color:#999;font-size:10px}html.dark .summary-bands{color:#aaa}html.dark .summary-update{color:#666}.sidepanel-content{flex:1;min-height:0;overflow:hidden auto}.sidepanel-content::-webkit-scrollbar{width:6px}.sidepanel-content::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}html.dark .sidepanel-content::-webkit-scrollbar-thumb{background:#444}.accordion{border-top:1px solid #e5e5e5;flex-shrink:0}html.dark .accordion{border-top-color:#404040}.accordion-header{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#fff;justify-content:space-between;align-items:center;padding:12px;transition:background .2s;display:flex}html.dark .accordion-header{background:#262626}.accordion-header:active{background:#f9f9f9}html.dark .accordion-header:active{background:#333}.accordion-title{color:#1a1a1a;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}html.dark .accordion-title{color:#f5f5f5}.accordion-icon{width:18px;color:var(--sp-text-secondary,#64748b);justify-content:center;align-items:center;font-size:16px;display:inline-flex}.accordion-chevron{color:#999;flex-shrink:0;width:16px;height:16px;transition:transform .2s;display:inline-block}.accordion.open .accordion-chevron{transform:rotate(180deg)}.accordion-content{max-height:0;transition:max-height .3s;overflow:hidden}.accordion.open .accordion-content{max-height:3000px}.accordion-body{padding:0 12px 12px}.tech-generation{border-bottom:1px solid #f0f0f0;margin-bottom:16px;padding-bottom:12px}html.dark .tech-generation{border-bottom-color:#333}.tech-generation:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.tech-gen-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.tech-gen-label{white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:3px 10px;font-size:13px;font-weight:700;display:flex}.tech-gen-label.gen-5g{color:#7c3aed;background:#8b5cf626}.tech-gen-label.gen-4g{color:#2563eb;background:#3b82f626}.tech-gen-label.gen-3g{color:#16a34a;background:#22c55e26}.tech-gen-label.gen-2g{color:#6b7280;background:#9ca3af26}.signal-bars{align-items:flex-end;gap:1px;margin-left:4px;display:flex}.signal-bar{background:#ddd;border-radius:1px;width:2px;height:6px}.signal-bar.active{background:currentColor}.tech-bands{flex-wrap:wrap;gap:6px;display:flex}.tech-band-chip{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:1.5px solid;border-radius:18px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.tech-band-chip.band-5g{color:#7c3aed;background:#8b5cf614;border-color:#d8b4fe}.tech-band-chip.band-5g:active{background:#8b5cf626;transform:scale(.98)}.tech-band-chip.band-5g.highlighted{background:#8b5cf640;transform:scale(1.05);box-shadow:0 0 12px #7c3aed66}.tech-band-chip.band-4g{color:#2563eb;background:#3b82f614;border-color:#bfdbfe}.tech-band-chip.band-4g:active{background:#3b82f626;transform:scale(.98)}.tech-band-chip.band-4g.highlighted{background:#3b82f640;transform:scale(1.05);box-shadow:0 0 12px #2563eb66}.tech-band-chip.band-3g{color:#16a34a;background:#22c55e14;border-color:#86efac}.tech-band-chip.band-3g:active{background:#22c55e26;transform:scale(.98)}.tech-band-chip.band-3g.highlighted{background:#22c55e40;transform:scale(1.05);box-shadow:0 0 12px #16a34a66}.tech-band-chip.band-2g{color:#6b7280;background:#9ca3af14;border-color:#d1d5db}.tech-band-chip.band-2g:active{background:#9ca3af26;transform:scale(.98)}.band-freq{opacity:.7;font-size:11px}.tech-update-date{color:#999;border-top:1px solid #f0f0f0;margin-top:8px;padding-top:8px;font-size:10px}html.dark .tech-update-date{color:#666;border-top-color:#333}.filter-tabs{gap:6px;margin-bottom:12px;padding-bottom:4px;display:flex;overflow-x:auto}.filter-tab{color:#666;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #e5e5e5;border-radius:16px;flex-shrink:0;padding:6px 12px;font-size:11px;font-weight:600;transition:all .2s}.filter-tab:hover{background:#f9f9f9;border-color:#ccc}.filter-tab.active{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%);border-color:#0000}html.dark .filter-tab{color:#aaa;background:#333;border-color:#404040}html.dark .filter-tab:hover{background:#3a3a3a;border-color:#6366f1}html.dark .filter-tab.active{background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%)}.signal-stats-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.signal-stat-card{background:#f9f9f9;border:1px solid #e5e5e5;border-radius:8px;padding:10px}html.dark .signal-stat-card{background:#333;border-color:#404040}.signal-stat-label{color:#666;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:600}html.dark .signal-stat-label{color:#aaa}.signal-stat-value{color:#1a1a1a;font-family:SF Mono,Monaco,monospace;font-size:16px;font-weight:700}html.dark .signal-stat-value{color:#f5f5f5}.signal-stat-unit{color:#999;margin-left:2px;font-size:11px}.cell-list-container{border-top:1px solid #e5e5e5;margin-top:12px;padding-top:12px}html.dark .cell-list-container{border-top-color:#404040}.cell-list-title{color:#666;text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:600;display:block}html.dark .cell-list-title{color:#aaa}.cell-list-by-sector{flex-direction:column;gap:10px;display:flex}.cell-sector-group{background:linear-gradient(135deg,#f0f4ff 0%,#f5f3ff 100%);border:1px solid #e0e7ff;border-radius:10px;padding:10px}html.dark .cell-sector-group{background:linear-gradient(135deg,#4f46e51a 0%,#6366f11a 100%);border-color:#6366f133}.cell-sector-name{color:#3730a3;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}html.dark .cell-sector-name{color:#c7d2fe}.cell-sector-icon{color:#fff;background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:inline-flex}.cell-items{flex-direction:column;gap:6px;display:flex}.cell-item{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#fff;border:1.5px solid #e0e7ff;border-radius:8px;justify-content:space-between;align-items:center;padding:10px;transition:all .2s;display:flex}.cell-item:hover{background:linear-gradient(135deg,#f8f6ff 0%,#faf5ff 100%);border-color:#a5b4fc;transform:translateY(-1px);box-shadow:0 2px 8px #6366f11a}.cell-item.active{background:linear-gradient(135deg,#eef2ff 0%,#f3e8ff 100%);border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}html.dark .cell-item{background:#333;border-color:#6366f133}html.dark .cell-item:hover{background:#6366f11a;border-color:#6366f1}html.dark .cell-item.active{background:#6366f133;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.cell-item-info{flex-direction:column;flex:1;gap:2px;display:flex}.cell-item-band{color:#1e1b4b;font-family:SF Mono,monospace;font-size:12px;font-weight:700}html.dark .cell-item-band{color:#e0e7ff}.cell-item-meta{color:#6366f1;font-size:10px;font-weight:500}html.dark .cell-item-meta{color:#a5b4fc}.cell-item-indicator{background:#e0e7ff;border-radius:50%;flex-shrink:0;width:10px;height:10px;transition:all .2s}.cell-item.active .cell-item-indicator{background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);box-shadow:0 0 8px #6366f180}html.dark .cell-item-indicator{background:#6366f14d}html.dark .cell-item.active .cell-item-indicator{background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);box-shadow:0 0 8px #6366f199}.info-row{border-bottom:1px solid #f0f0f0;align-items:flex-start;gap:8px;padding:8px 0;font-size:12px;display:flex}html.dark .info-row{border-bottom-color:#333}.info-row:last-child{border-bottom:none}.info-icon{color:#666;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:inline-flex}.info-content{flex:1;justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}.info-label{color:#666;flex:1;min-width:0;font-weight:500}html.dark .info-label{color:#aaa}.info-value{color:#1a1a1a;font-weight:600;font-family:var(--font-poppins), sans-serif;text-align:right;word-break:break-word;max-width:62%;margin-left:auto}.info-value.mono{font-family:SF Mono,Monaco,monospace}html.dark .info-value{color:#f5f5f5}.info-value.copyable{cursor:pointer;border-radius:4px;align-items:center;padding:2px 4px;transition:background .2s;display:inline-flex}.info-value.copyable:active{background:#f0f0f0}html.dark .info-value.copyable:active{background:#ffffff1a}.info-copy-icon{color:#999;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:inline-flex}html.dark .info-icon{color:#aaa}html.dark .info-copy-icon{color:#666}.sidepanel-wrapper--antenna .info-content{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2px}.sidepanel-wrapper--antenna .info-value{text-align:left;max-width:100%;margin-left:0}.sidepanel-footer{background:#fff;border-top:1px solid #e5e5e5;flex-shrink:0;gap:6px;padding:10px;display:flex}html.dark .sidepanel-footer{background:#262626;border-top-color:#404040}.action-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:4px;padding:10px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.action-btn.primary{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%)}.action-btn.primary:active{transform:scale(.98)}.action-btn.secondary{color:#fff;background:linear-gradient(135deg,#f97316 0%,#ef4444 100%)}.action-btn.secondary:active{transform:scale(.98)}@media (max-width:768px){.sidepanel-hero{padding:25px 12px 10px}.sidepanel-drag-handle{z-index:1;width:100%;position:absolute}.hero-btn{width:32px;height:32px;font-size:14px}.compact-summary{padding:8px 10px;font-size:10px}.accordion-header{padding:10px}.accordion-body{padding:0 10px 10px}.sidepanel-footer{gap:4px;padding:8px}.action-btn{padding:8px 10px;font-size:11px}}.sidepanel-desktop-shell{top:max(88px, calc(env(safe-area-inset-top,0px) + 76px));right:max(14px, env(safe-area-inset-right,0px));bottom:max(14px, env(safe-area-inset-bottom,0px));z-index:1100;border-radius:10px;width:min(400px,100vw - 28px);min-height:0;display:flex;position:fixed;overflow:hidden;box-shadow:0 22px 58px #0f172a3d}.sidepanel-mobile-overlay{z-index:1599;background:#0f172a38;position:fixed;inset:0}.sidepanel-mobile-drawer{z-index:1600;height:min(84dvh,100dvh - 72px);padding-bottom:max(env(safe-area-inset-bottom,0px), 8px);background:#fff;border-radius:0;outline:none;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -20px 52px #0f172a38}html.dark .sidepanel-mobile-drawer{background:#262626;box-shadow:0 -20px 58px #0000007a}@media (max-width:768px){body:has(.sidepanel-mobile-drawer[data-state=open]) .maplibregl-ctrl-bottom-left{opacity:0;pointer-events:none}body:has(.sidepanel-mobile-drawer[data-state=open]) .maplibregl-ctrl-bottom-right{opacity:0;pointer-events:none}body:has(.sidepanel-mobile-drawer[data-state=open]) .leaflet-bottom.leaflet-left{opacity:0;pointer-events:none}body:has(.sidepanel-mobile-drawer[data-state=open]) .leaflet-bottom.leaflet-right{opacity:0;pointer-events:none}}.sidepanel-drag-handle{cursor:default;flex-shrink:0;height:0;padding:0;display:block;overflow:hidden}.sidepanel-drag-handle:active{cursor:default}.sidepanel-drag-handle__bar{display:none}html.dark .sidepanel-drag-handle__bar{background:#94a3b861}.sidepanel-wrapper{--sidepanel-accent:#e2001a;--sidepanel-accent-2:#ff5a33;width:100%}.sidepanel-hero{color:#0f172a;background:#fff;border-bottom:1px solid #94a3b829;padding:17px 16px 14px;position:relative;overflow:hidden}html.dark .sidepanel-hero{color:#f8fafc;background:#242424;border-bottom-color:#94a3b829}.sidepanel-hero__accent{background:var(--sidepanel-accent);height:3px;position:absolute;inset:0 0 auto}.sidepanel-hero__top,.sidepanel-hero__chips,.sidepanel-hero__info{z-index:1;position:relative}.sidepanel-hero__top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.sidepanel-hero__text{flex:1;min-width:0}.sidepanel-hero__kicker{border:1px solid color-mix(in srgb, var(--sidepanel-accent) 26%, transparent);background:color-mix(in srgb, var(--sidepanel-accent) 8%, #fff);max-width:100%;color:color-mix(in srgb, var(--sidepanel-accent) 70%, #0f172a);border-left-width:3px;border-radius:6px;align-items:center;gap:7px;margin-bottom:8px;padding:5px 9px;font-size:11px;font-weight:750;line-height:1.25;display:inline-flex}html.dark .sidepanel-hero__kicker{border-color:color-mix(in srgb, var(--sidepanel-accent) 40%, #3f3f46);color:#f8fafc;background:#1f1f1f}.sidepanel-hero__kicker span:last-child{overflow-wrap:anywhere;text-overflow:clip;white-space:normal;min-width:0;overflow:visible}.sidepanel-hero__kicker-dot{background:var(--sidepanel-accent);border-radius:2px;flex:0 0 7px;width:7px;height:7px}.sidepanel-hero__title{overflow-wrap:anywhere;color:#0f172a;letter-spacing:0;margin:0;font-size:20px;font-weight:780;line-height:1.08}html.dark .sidepanel-hero__title{color:#f8fafc}.sidepanel-hero__subtitle{overflow-wrap:anywhere;color:#64748b;margin:6px 0 0;font-size:12px;font-weight:550;line-height:1.35}html.dark .sidepanel-hero__subtitle{color:#cbd5e1}.sidepanel-hero__actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.sidepanel-hero__chips{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.hero-chip{color:#334155;-webkit-backdrop-filter:none;background:#f8fafc;border:1px solid #94a3b833;border-radius:6px;align-items:center;height:25px;padding:0 10px;font-size:11px;font-weight:650;display:inline-flex}html.dark .hero-chip{color:#e2e8f0;background:#1f1f1f;border-color:#94a3b829}.sidepanel-hero__info{color:#334155;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px;display:grid}.sidepanel-hero__info>span:not(.hero-divider){min-width:0;box-shadow:none;background:#f8fafc;border:1px solid #94a3b82e;border-radius:6px;flex-direction:column;gap:3px;padding:8px 9px;font-size:11px;font-weight:700;line-height:1.1;display:flex;overflow:hidden}.sidepanel-hero__info strong{color:#64748b;letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:750}.sidepanel-hero__info .hero-divider{display:none}html.dark .sidepanel-hero__info{color:#f8fafc}html.dark .sidepanel-hero__info>span:not(.hero-divider){box-shadow:none;background:#1f1f1f;border-color:#94a3b824}html.dark .sidepanel-hero__info strong{color:#94a3b8}.hero-btn{color:#334155;-webkit-backdrop-filter:none;background:#f8fafc;border:1px solid #94a3b838;border-radius:7px;width:36px;height:36px}.hero-btn:hover{background:color-mix(in srgb, var(--sidepanel-accent) 8%, #fff);border-color:color-mix(in srgb, var(--sidepanel-accent) 28%, #94a3b838)}html.dark .hero-btn{color:#e2e8f0;background:#1f1f1f;border-color:#94a3b829}html.dark .hero-btn:hover{background:color-mix(in srgb, var(--sidepanel-accent) 16%, #1f1f1f)}.hero-btn:focus-visible{outline:2px solid color-mix(in srgb, var(--sidepanel-accent) 55%, white);outline-offset:2px}@media (max-width:1180px) and (min-width:769px){.sidepanel-desktop-shell{width:min(380px,100vw - 28px);top:88px}}@media (max-width:768px){.sidepanel-mobile-drawer{border-radius:0;height:min(84dvh,100dvh - 64px)}.sidepanel-drag-handle{z-index:2;width:100%;height:0;padding:0;position:relative}.sidepanel-hero{padding:13px 12px 10px}.sidepanel-hero__top{gap:8px}.sidepanel-hero__title{font-size:17px;line-height:1.14}.sidepanel-hero__kicker{margin-bottom:6px;padding:4px 8px;font-size:10px}.sidepanel-hero__kicker-dot{flex-basis:6px;width:6px;height:6px}.sidepanel-hero__subtitle{margin-top:4px;font-size:11px;line-height:1.3}.sidepanel-hero__actions{gap:5px}.hero-btn{border-radius:6px;width:32px;height:32px}.sidepanel-hero__chips{gap:5px;margin-top:9px}.hero-chip{height:23px;padding:0 8px;font-size:10px}.sidepanel-hero__info{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:8px}.sidepanel-hero__info>span:not(.hero-divider){border-radius:6px;padding:6px;font-size:10px}.sidepanel-hero__info strong{letter-spacing:.04em;font-size:8px}}@media (max-width:380px){.sidepanel-hero__title{font-size:16px}.sidepanel-hero__info>span:not(.hero-divider){padding:6px 5px}}