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:16px;position:relative}.hero-actions{gap:8px;display:flex;position:absolute;top:8px;right:8px}.hero-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff3;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .15s;display:flex}.hero-btn:hover{background:#ffffff4d;transform:scale(1.05)}.hero-btn:active{transform:scale(.95)}.hero-title{align-items:center;gap:6px;margin-bottom:2px;font-size:18px;font-weight:700;display:flex}.hero-subtitle{opacity:.9;margin-bottom:8px;font-size:12px}.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{text-align:center;width:18px;font-size:16px;display:inline-block}.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;justify-content:space-between;align-items:center;padding:8px 0;font-size:12px;display:flex}html.dark .info-row{border-bottom-color:#333}.info-row:last-child{border-bottom:none}.info-label{color:#666;align-items:center;gap:4px;font-weight:500;display:flex}html.dark .info-label{color:#aaa}.info-value{color:#1a1a1a;text-align:right;font-family:SF Mono,monospace;font-weight:600}html.dark .info-value{color:#f5f5f5}.info-value.copyable{cursor:pointer;border-radius:4px;padding:2px 4px;transition:background .2s}.info-value.copyable:active{background:#f0f0f0}html.dark .info-value.copyable:active{background:#ffffff1a}.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:640px){.hero-actions{gap:6px;top:6px;right:6px}.hero-btn{width:36px;height:36px;font-size:16px}.sidepanel-hero{padding:12px 12px 12px 48px}.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}}