@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{color-scheme:light;--bg-base: #f8fafc;--bg-surface: rgba(255, 255, 255, .7);--bg-surface-elevated: rgba(255, 255, 255, .95);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--accent-primary: #0ea5e9;--accent-secondary: #10b981;--accent-glow: rgba(14, 165, 233, .1);--accent-gradient: linear-gradient(135deg, #0ea5e9, #6366f1);--border-color: rgba(148, 163, 184, .2);--border-highlight: rgba(148, 163, 184, .4);--chart-axis-color: #64748b;--chart-grid-color: rgba(203, 213, 225, .4);--chart-tooltip-bg: rgba(255, 255, 255, .98);--chart-tooltip-border: rgba(203, 213, 225, .6);--chart-tooltip-text: #0f172a;--table-row-alt: rgba(241, 245, 249, .5);--table-row-hover: rgba(14, 165, 233, .05);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--font-sans: "Inter", "Plus Jakarta Sans", "Noto Sans SC", -apple-system, system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);line-height:1.6;min-height:100vh;scroll-behavior:smooth;background-image:radial-gradient(at 0% 0%,rgba(14,165,233,.08) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(99,102,241,.05) 0px,transparent 50%);background-attachment:fixed;-webkit-font-smoothing:antialiased}#root{display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4{font-weight:600;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:1rem}p{color:var(--text-secondary)}.glass-panel{background:var(--bg-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.glass-card{background:var(--bg-surface-elevated);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-highlight);border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #00000008,0 4px 6px -2px #00000005;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s ease}.glass-card:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005;border-color:#0ea5e94d}.text-gradient{background:var(--accent-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 2rem}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.dashboard-header{padding:2rem 0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.summary-chips{display:flex;flex-wrap:wrap;gap:.75rem}.summary-chip{padding:.5rem 1rem;display:inline-flex;align-items:center;gap:.5rem}.dashboard-shell{width:100%}.wire-header{padding:1.15rem 1.2rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;border-radius:0}.wire-brand{display:flex;align-items:center;gap:.85rem}.wire-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--accent-gradient);border-radius:var(--radius-sm);color:#fff;box-shadow:0 4px 10px #0ea5e933}.wire-brand-caption{margin:0 0 .2rem;font-size:.74rem;letter-spacing:.1em;font-weight:700;color:var(--text-secondary)}.wire-control-stack{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:flex-end}.wire-control-group{display:flex;flex-direction:column;gap:.35rem;min-width:220px}.wire-control-label{font-size:.8rem;color:var(--text-secondary);font-weight:600}.wire-toggle{display:inline-flex;border:1px solid var(--border-highlight);background:var(--bg-surface-elevated)}.wire-toggle button{border:none;background:transparent;color:var(--text-secondary);padding:.4rem .85rem;font-size:.85rem;font-weight:600;cursor:pointer;border-right:1px solid var(--border-color)}.wire-toggle button:last-child{border-right:none}.wire-toggle button.is-active{background:var(--accent-primary);color:#fff}.app-meta-strip{margin-top:.75rem;padding:.7rem .9rem;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:.85rem}.app-meta-copy{min-width:0}.app-meta-title{margin:0;font-size:.94rem;font-weight:700;color:var(--text-secondary)}.app-meta-subtitle{margin:.1rem 0 0;font-size:.82rem;color:var(--text-muted);line-height:1.45}.app-meta-stats{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem}.app-meta-chip{display:inline-flex;align-items:center;padding:.28rem .56rem;border-radius:999px;border:1px solid var(--border-color);background:#ffffffad;font-size:.78rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.app-tabbar{margin-top:.9rem;margin-bottom:1.2rem;padding:.45rem;border-radius:12px}.app-tabbar-items{display:flex;flex-wrap:wrap;gap:.45rem}.app-tab-btn{border:1px solid transparent;background:#fff9;color:var(--text-secondary);padding:.45rem .9rem;border-radius:999px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease}.app-tab-btn:hover{border-color:var(--border-highlight);color:var(--text-primary)}.app-tab-btn.is-active{background:#dff5ea;color:#1f6f50;border-color:#10b98159}.gpu-main-intro{margin-top:1rem;padding:1rem 1.15rem;display:flex;justify-content:space-between;align-items:flex-start;gap:.9rem}.gpu-main-copy h2{margin:0;font-size:1.55rem}.gpu-main-copy p{margin:.35rem 0 0;color:var(--text-muted);font-size:.92rem}.gpu-main-badge{display:inline-flex;align-items:center;border:1px solid rgba(59,130,246,.25);background:#3b82f614;color:#1d4ed8;border-radius:999px;padding:.28rem .62rem;font-size:.8rem;font-weight:600;white-space:nowrap}.gpu-main-actions{display:inline-flex;align-items:center;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}.gpu-main-add-btn{border:1px solid rgba(16,185,129,.35);background:#10b9811f;color:#0f766e;border-radius:999px;padding:.28rem .68rem;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .15s ease}.gpu-main-add-btn:hover{background:#10b9812e;border-color:#10b98180}.gpu-main-add-btn:focus-visible{outline:2px solid rgba(16,185,129,.6);outline-offset:2px}.gpu-picks-panel{margin-top:1rem;padding:1rem}.gpu-picks-header{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem;flex-wrap:wrap}.gpu-picks-header h3{margin:0;font-size:1.08rem}.gpu-picks-header p{margin:0;color:var(--text-muted);font-size:.84rem}.gpu-picks-grid{margin-top:.8rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.gpu-pick-card{border:1px solid var(--border-color);background:#ffffffd1;border-radius:10px;padding:.78rem .82rem;min-height:150px;display:flex;flex-direction:column}.gpu-pick-label{margin:0;color:var(--text-muted);font-size:.76rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.gpu-pick-title{margin-top:.34rem;line-height:1.25;font-size:.98rem}.gpu-pick-meta{margin-top:.2rem;color:var(--text-muted);font-size:.83rem}.gpu-pick-value{margin-top:.42rem;color:#0f766e;font-size:1rem;font-weight:700}.gpu-pick-action{margin-top:auto;align-self:flex-start;border:1px solid rgba(16,185,129,.35);background:#10b9811a;color:#116149;border-radius:999px;padding:.24rem .58rem;font-size:.76rem;font-weight:600;cursor:pointer}.gpu-pick-action:hover{background:#10b98129}.gpu-pick-empty{margin-top:.55rem;color:var(--text-muted);font-size:.86rem}.gpu-table-summary{margin:-.35rem 0 .78rem;color:var(--text-muted);font-size:.88rem}.gpu-advanced-panel{margin-top:1.6rem;padding:0 1rem}.gpu-advanced-panel summary{cursor:pointer;padding:1rem 0;font-weight:600;color:var(--text-secondary)}.gpu-advanced-content{padding-bottom:1rem}.wire-kpi-row{margin-top:2rem;margin-bottom:2.5rem;display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center}.huge-stat-card{flex:1;min-width:200px;max-width:280px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem;border-radius:var(--radius-lg);background:var(--bg-surface-elevated);border:1px solid var(--border-color);box-shadow:0 4px 6px -1px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.huge-stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d;border-color:var(--border-highlight)}.huge-stat-value{font-size:3rem;font-weight:700;line-height:1;color:var(--accent-primary);background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.huge-stat-label{font-size:1rem;font-weight:600;color:var(--text-secondary)}.hero-section{text-align:center;padding:4rem 1rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-title{font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;font-weight:800;margin-bottom:1rem;letter-spacing:-.04em}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.wire-overview-grid{margin-top:.2rem;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;align-items:stretch}.wire-overview-grid>*{min-width:0}.wire-overview-grid>:nth-child(1){grid-column:1 / span 4}.wire-overview-grid>:nth-child(2){grid-column:5 / span 4}.wire-overview-grid>:nth-child(3){grid-column:1 / span 8}.wire-overview-card{display:flex;flex-direction:column;gap:.55rem;height:100%;padding:1rem 1.2rem}.wire-overview-card-body{position:relative;flex:1;min-height:360px}.wire-inline-placeholder{margin-top:0;padding:1rem 1.2rem;border-radius:var(--radius-md)}.wire-overview-placeholder{min-height:360px;display:flex;flex-direction:column;justify-content:center}.wire-snapshot-panel{grid-column:9 / span 4;grid-row:1 / span 2;margin-top:0;padding:1rem;border-radius:var(--radius-md);border-style:solid;align-self:stretch}.wire-mini-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.wire-mini-stat-grid>div{border:1px dashed var(--border-color);padding:.55rem .6rem;display:flex;flex-direction:column;gap:.15rem}.wire-mini-label{font-size:.73rem;color:var(--text-muted)}.wire-subtitle{font-size:.86rem;font-weight:600;color:var(--text-secondary);margin-bottom:.3rem}.wire-rank-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.wire-rank-list li{display:flex;justify-content:space-between;gap:.75rem;align-items:center;border-bottom:1px dashed var(--border-color);padding-bottom:.35rem}.wire-rank-list li>div{display:flex;flex-direction:column;gap:.08rem}.wire-rank-list li span{color:var(--text-muted);font-size:.79rem}.wire-chip-row{display:flex;flex-wrap:wrap;gap:.4rem}.wire-filter-zone{margin-top:1.15rem;border-radius:0;padding:.9rem 1rem 1rem}.wire-filter-header{display:flex;justify-content:space-between;gap:.75rem;align-items:baseline;margin-bottom:.6rem;flex-wrap:wrap}.wire-filter-controls{width:100%;max-width:none}.wire-trend-zone{margin-top:1rem}.filter-toolbar{margin-bottom:1rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;justify-content:space-between}.filter-controls{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:.75rem;width:min(100%,980px)}.filter-control{display:flex;flex-direction:column;gap:.4rem}.filter-control label{color:var(--text-secondary);font-size:.85rem;font-weight:500;letter-spacing:.01em}.filter-control select{background:#fff;color:#0f172a;border:1px solid var(--border-color);padding:.55rem .75rem;border-radius:var(--radius-sm);font-size:1rem;appearance:auto;cursor:pointer;outline:none;min-height:40px}.filter-control select option{background:#fff;color:#0f172a}select{color-scheme:light}.filter-control select:focus-visible{border-color:#0f766e99;box-shadow:0 0 0 3px #0f766e26}.dashboard-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:1rem}.section-block{margin-top:2.5rem}.freshness-banner{margin-top:.75rem;color:#92400e;background:#f59e0b29;border:1px solid rgba(245,158,11,.34);border-radius:var(--radius-sm);padding:.45rem .7rem;font-size:.86rem}.loading-banner{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:center;gap:.55rem;padding:.72rem 1rem;color:#fff;font-size:.92rem;font-weight:700;letter-spacing:.01em;border-bottom:1px solid rgba(255,255,255,.25);box-shadow:0 6px 18px #0f172a38;background:linear-gradient(120deg,var(--accent-primary) 0%,#6366f1 40%,var(--accent-secondary) 75%,var(--accent-primary) 100%);background-size:220% 100%;animation:loadingStream 3.2s linear infinite}.wire-map-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:.85rem;color:var(--text-secondary);font-size:.88rem;border:1px dashed var(--border-color);border-radius:var(--radius-sm);background:#f8fafcd6}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.badge-fresh{background:#05966924;color:var(--accent-secondary);border:1px solid rgba(5,150,105,.28)}.badge-stale{background:#f59e0b24;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.badge-scope{background:#0ea5e914;color:#0ea5e9;border:1px solid var(--border-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes loadingStream{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes mapPulse{0%{transform:scale(1);opacity:.85}50%{transform:scale(1.28);opacity:1}to{transform:scale(1);opacity:.85}}@keyframes tickerScroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.ticker-wrap{width:100%;overflow:hidden;height:48px;background-color:var(--bg-surface-elevated);border-bottom:1px solid var(--border-color);box-sizing:border-box;position:relative;display:flex;align-items:center}.ticker{display:inline-flex;white-space:nowrap;padding-right:100%;box-sizing:content-box;animation:tickerScroll 40s linear infinite;will-change:transform}.ticker:hover{animation-play-state:paused}.ticker__item{display:inline-flex;align-items:center;gap:.5rem;padding:0 1.5rem;font-size:.9rem;color:var(--text-primary);border-right:1px solid var(--border-color)}.ticker__label{font-weight:600;color:var(--text-secondary)}.ticker__price{font-family:monospace;font-weight:700;color:var(--accent-primary)}.ticker__provider{font-size:.8rem;color:var(--text-muted);background:var(--bg-base);padding:.1rem .4rem;border-radius:var(--radius-sm)}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.spin{animation:spin 1.5s linear infinite}.manual-entry-fab{position:fixed;right:max(1.2rem,env(safe-area-inset-right));bottom:max(1.2rem,env(safe-area-inset-bottom));z-index:40;border:1px solid rgba(14,165,233,.28);background:var(--bg-surface-elevated);color:var(--text-primary);border-radius:999px;padding:.55rem 1rem;font-size:.88rem;font-weight:600;letter-spacing:.01em;cursor:pointer;box-shadow:0 8px 20px #0f172a1a;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.manual-entry-fab:hover{transform:translateY(-1px);border-color:#0ea5e973;box-shadow:0 12px 24px #0f172a24}.manual-entry-fab:focus-visible{outline:2px solid rgba(14,165,233,.7);outline-offset:2px}.app-footer{margin-top:2rem;padding:1rem 0;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:var(--text-secondary);font-size:.85rem}.app-footer-note{color:var(--text-muted)}.debug-details{flex:1 1 100%;border:1px dashed var(--border-color);border-radius:var(--radius-sm);padding:.45rem .6rem;background:#ffffff8c}.debug-details summary{cursor:pointer;color:var(--text-secondary);font-weight:500;font-size:.82rem}.debug-code{display:block;margin-top:.5rem;color:#334155;font-size:.78rem;line-height:1.35;word-break:break-word}@media(max-width:1100px){.wire-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wire-overview-grid>:nth-child(1),.wire-overview-grid>:nth-child(2),.wire-overview-grid>:nth-child(3){grid-column:auto}.wire-snapshot-panel{grid-column:1 / -1;grid-row:auto}.filter-controls{grid-template-columns:repeat(3,minmax(150px,1fr))}}@media(max-width:900px){.gpu-main-intro{flex-direction:column}.gpu-main-badge{white-space:normal}.gpu-main-actions{width:100%;justify-content:flex-start}.gpu-picks-grid{grid-template-columns:1fr}.app-meta-strip{flex-direction:column;align-items:flex-start}.app-meta-stats{width:100%;justify-content:flex-start}.container{padding:0 1rem}.dashboard-grid-two{grid-template-columns:1fr}.wire-header{flex-direction:column;align-items:stretch}.wire-control-stack{justify-content:flex-start}.wire-control-group{min-width:0;width:100%}.wire-overview-grid{grid-template-columns:1fr}.wire-overview-grid>:nth-child(1),.wire-overview-grid>:nth-child(2),.wire-overview-grid>:nth-child(3),.wire-snapshot-panel{grid-column:auto;grid-row:auto}.wire-mini-stat-grid{grid-template-columns:1fr}.filter-controls{grid-template-columns:repeat(2,minmax(140px,1fr));width:100%}}@media(max-width:620px){.app-meta-chip{white-space:normal}.wire-header{padding:1rem}.summary-chips,.wire-kpi-row{width:100%}.summary-chip{flex:1 1 calc(50% - .5rem)}.wire-brand-mark{width:48px;height:48px}.wire-toggle{width:100%}.wire-toggle button{flex:1;padding:.45rem .3rem}.wire-filter-zone{padding:.8rem}.filter-controls{grid-template-columns:1fr}.manual-entry-fab{right:max(.8rem,env(safe-area-inset-right));bottom:max(.8rem,env(safe-area-inset-bottom));padding:.5rem .85rem;font-size:.84rem}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#94a3b826}::-webkit-scrollbar-thumb{background:#64748b73;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569cc}