.app{width:100%;height:100%;position:relative;overflow:hidden}.loading{height:100%;color:var(--text-muted);place-items:center;display:grid}.hero{z-index:20;text-align:center;pointer-events:none;background:linear-gradient(#0a1628eb 0%,#0a16288c 80%,#0000 100%);padding:.85rem 1rem .65rem;position:fixed;top:0;left:0;right:0}.hero h1{letter-spacing:-.02em;font-size:clamp(1.4rem,4vw,2.4rem);font-weight:700}.hero .stage{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-top:.2rem;font-size:.72rem}.hero-kpi{color:var(--accent);letter-spacing:.02em;margin-top:.35rem;font-size:.85rem;font-weight:600}.globe-wrap{z-index:0;position:fixed;inset:0}.filter-panel{z-index:30;background:var(--surface);color:#212529;width:min(300px,100vw - 32px);max-height:calc(100vh - 8rem);transition:width var(--motion-base) var(--ease-out-expo), max-height var(--motion-base) var(--ease-out-expo);border:1px solid #4950571f;border-radius:12px;flex-direction:column;display:flex;position:fixed;top:5.5rem;left:16px;overflow:hidden;box-shadow:0 8px 32px #00000047}.filter-panel.minimized{width:auto;max-height:none}.filter-header{border-bottom:1px solid #4950571a;justify-content:space-between;align-items:flex-start;gap:8px;padding:12px 14px;display:flex}.filter-header h2{font-size:.95rem;font-weight:700}.filter-header p{color:#00000073;margin-top:2px;font-size:.68rem}.minimize-btn{cursor:pointer;width:28px;height:28px;color:var(--stroke);background:#49505714;border:none;border-radius:6px;font-size:1rem;line-height:1}.filter-body{-webkit-overflow-scrolling:touch;padding:8px 10px 12px;overflow-y:auto}.filter-section h3{text-transform:uppercase;letter-spacing:.1em;color:#0006;margin:8px 4px 6px;font-size:.62rem}.filter-section ul{flex-direction:column;gap:4px;list-style:none;display:flex}.filter-chip{cursor:pointer;text-align:left;color:#343a40;width:100%;transition:border-color var(--motion-fast), background var(--motion-fast);background:#fff;border:1px solid #4950571f;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:.74rem;display:flex}.filter-chip:hover{border-color:#339af059}.filter-chip.active{border-color:var(--accent);background:#339af01a;font-weight:600}.filter-chip .count{color:var(--accent-deep);text-align:center;background:#339af01f;border-radius:999px;min-width:1.5rem;padding:2px 6px;font-size:.65rem;font-weight:700}.detail-panel{z-index:30;background:var(--surface);color:#212529;border:1px solid #4950571f;border-radius:12px;width:min(280px,100vw - 32px);padding:16px;position:fixed;top:5.5rem;right:16px;box-shadow:0 8px 32px #00000047}.detail-close{cursor:pointer;color:#0006;background:0 0;border:none;font-size:1.4rem;line-height:1;position:absolute;top:8px;right:10px}.detail-panel h2{padding-right:24px;font-size:1.1rem}.detail-code{color:#00000073;margin:4px 0 12px;font-size:.72rem}.detail-panel dl{flex-direction:column;gap:8px;display:flex}.detail-panel dl>div{border-bottom:1px solid #49505714;justify-content:space-between;gap:8px;padding-bottom:6px;font-size:.78rem;display:flex}.detail-panel dt{color:#00000073}.detail-panel dd{text-align:right;font-weight:600}.gd-pos{color:var(--green)}.gd-neg{color:var(--red)}.detail-hint{color:#0006;margin-top:12px;font-size:.65rem}.chrome{z-index:20;pointer-events:none;padding-bottom:16px;position:fixed;bottom:0;left:16px;right:16px}.stamp{color:var(--text-muted);margin-bottom:8px;font-size:10px}.stamp strong{color:var(--accent);font-weight:600}.legend{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:8px;font-size:10px;display:flex}.swatch{vertical-align:middle;border-radius:2px;width:10px;height:10px;margin-right:4px;display:inline-block}.swatch.bright{background:#339af0d9}.swatch.dim{background:#339af033}.desc{color:var(--text-muted);max-width:520px;font-size:11px;line-height:1.45}@media (width<=640px){.filter-panel{width:auto;max-height:42vh;inset:auto 8px 5.5rem}.detail-panel{width:auto;inset:auto 8px calc(42vh + 6rem)}.hero h1{font-size:1.25rem}}:root{--motion-fast:.16s;--motion-base:.24s;--motion-slow:.36s;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--bg:#0a1628;--surface:#f8f9faf0;--text:#ffffffeb;--text-muted:#ffffff8c;--accent:#339af0;--accent-deep:#228be6;--stroke:#495057;--green:#2b8a3e;--red:#e03131}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{-webkit-font-smoothing:antialiased;background:var(--bg);width:100%;height:100%;color:var(--text);font-family:system-ui,-apple-system,sans-serif;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}