:root{--bg:#ffffff;--card:#ffffff;--card2:#f4f5f8;--border:#e6e8ef;--ink:#191526;--muted:#6b6478;--faint:#9a93a6;--accent:#ff3f8e;--accent-ink:#d81e6e;--purple:#7c5cff;--cyan:#12b5c9;--amber:#f79009;--gray:#98a2b3;--good:#17b26a;--bad:#f04438;--sans:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,"Cascadia Code","SFMono-Regular",Consolas,monospace;--shadow:0 1px 2px rgba(25,21,38,.05)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}.page{min-height:100vh;color:var(--ink);font-family:var(--sans);line-height:1.5;-webkit-font-smoothing:antialiased}.wrap{max-width:1240px;margin:0 auto;padding:clamp(20px,3vw,40px) clamp(16px,3vw,40px) 56px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--border)}.topbar .who{color:var(--muted);font-size:.95rem}.topbar .who b{color:var(--ink)}.topbar .who .ver{color:var(--accent-ink)}.mods{display:inline-block;font-family:var(--mono);font-size:.68rem;font-weight:700;color:var(--purple);background:#efeaff;padding:2px 7px;margin-left:6px}.tb-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.g12{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;align-items:start;margin-top:18px}.c3{grid-column:span 3}.c4{grid-column:span 4}.c5{grid-column:span 5}.c6{grid-column:span 6}.c7{grid-column:span 7}.c8{grid-column:span 8}.c12{grid-column:span 12}.section-t{font-size:.76rem;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin:8px 2px -2px}.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;max-width:560px;min-height:210px;margin:14vh auto 0;border:2px dashed #d3d7e2;background:var(--card);padding:clamp(40px,7vw,72px);text-align:center;cursor:pointer;transition:.15s}.drop.over,.drop:hover{border-color:var(--accent)}.drop-t{font-size:1.15rem;font-weight:700;color:var(--muted)}.drop-s{font-size:.8rem;color:var(--faint);font-family:var(--mono)}.files{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.files .f{font-family:var(--mono);font-size:.72rem;background:var(--card2);border:1px solid var(--border);padding:2px 8px}.err{color:var(--bad);margin-top:16px;font-family:var(--mono);font-size:.88rem}.loading{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--muted)}.spin{width:36px;height:36px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:sp .8s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spin{animation-duration:2s}}.btn{display:inline-block;cursor:pointer;background:var(--accent);color:#fff;font-weight:700;padding:10px 18px;border:none;font-size:.9rem}.btn:hover{filter:brightness(1.05)}.btn.ghost{background:var(--card);color:var(--ink);border:1px solid var(--border);font-weight:600}.btn.ghost:hover{border-color:var(--accent);color:var(--accent-ink)}.card,.kpi,.stat,.panel{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow)}.card{padding:18px 20px}.kpi{padding:15px 17px}.kpi .k{font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.kpi .v{font-size:1.8rem;font-weight:800;font-variant-numeric:tabular-nums;margin-top:4px;letter-spacing:-.02em}.kpi .v small{font-size:.85rem;color:var(--muted);font-weight:600}.why-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.why-top .big{font-size:2.1rem;font-weight:800;letter-spacing:-.02em}.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:.75rem;font-weight:700;padding:4px 9px;background:var(--card2);color:var(--ink);border:1px solid var(--border)}.chip .sw{width:9px;height:9px}.split{display:flex;height:28px;overflow:hidden;margin-top:14px;background:var(--card2);border:1px solid var(--border)}.split .seg{display:flex;align-items:center;padding:0 12px;font-family:var(--mono);font-size:.78rem;font-weight:700;color:#fff;white-space:nowrap}.types{display:grid;gap:9px}.trow{display:grid;grid-template-columns:110px 1fr 76px;align-items:center;gap:10px;font-size:.86rem}.trow .tt{display:flex;align-items:center;gap:7px}.trow .tt .sw{width:10px;height:10px}.tbar{height:11px;background:var(--card2)}.tbar>i{display:block;height:100%}.trow .tv{text-align:right;font-family:var(--mono);font-size:.8rem;color:var(--muted)}.panel{padding:16px 18px}.panel h3{margin:0 0 12px;font-size:.98rem;font-weight:700}.panel.viz svg{max-width:320px;margin:0 auto}.mbm{display:grid;grid-template-columns:1fr 250px;gap:20px;align-items:start}.mbm-view{height:400px;background:var(--card);border:1px solid var(--border);padding:6px}.mbm-view svg{height:100%;width:100%}.mbm-side{align-self:start}.mbm-nav{display:flex;align-items:center;gap:12px;margin-bottom:12px}.mbm-nav button{width:34px;height:34px;border:1px solid var(--border);background:var(--card);cursor:pointer;font-size:1rem;color:var(--ink)}.mbm-nav button:hover{border-color:var(--accent);color:var(--accent-ink)}.mbm-nav .pos{font-family:var(--mono);font-weight:700;font-variant-numeric:tabular-nums}.mbm-facts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;min-height:28px}.mbm .lg{display:flex;align-items:center;gap:9px;font-size:.85rem;color:var(--muted);margin:7px 0}.mbm .lg .dot{width:13px;height:13px;border-radius:50%;flex:none}.mbm .lg .dot.ring{background:transparent;border:2px solid var(--gray)}.mbm .lg .dot.note{background:transparent;border:2px solid var(--accent)}svg{display:block;width:100%;height:auto}.field{fill:#19152605;stroke:#1915261f;stroke-width:1.4}.grid{stroke:#1915260f;stroke-width:1}.center-note{fill:#ff3f8e14;stroke:var(--accent);stroke-width:2}.ghost{fill:#1915260d;stroke:#19152647;stroke-width:1.2}.numlbl{font-family:var(--mono);font-weight:700;fill:var(--ink)}.diag{display:grid;gap:11px}.diag .row{display:flex;gap:11px;align-items:flex-start}.diag .b{font-family:var(--mono);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;white-space:nowrap;margin-top:2px}.diag .b.area{background:#efeaff;color:var(--purple)}.diag .b.skill{background:#ffe6f0;color:var(--accent-ink)}.diag .b.info{background:var(--card2);color:var(--muted)}.diag .t{font-size:.92rem;line-height:1.45}.arrow{stroke:var(--accent);stroke-width:2.4}.arrowdot{fill:var(--gray)}.diag-viz{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.diag-viz .cell h4{margin:0 0 8px;font-size:.78rem;font-weight:700;color:var(--muted)}.diag-viz svg{max-width:380px;margin:0 auto}.diag-viz .legend{justify-content:flex-start}@media (max-width:760px){.diag-viz{grid-template-columns:1fr}}.phead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.phead h3,.phead h4{margin:0}.cap{font-size:.76rem;color:var(--faint);margin:8px 0 0;line-height:1.45}select.rfilter{font-family:var(--mono);font-size:.72rem;color:var(--ink);background:var(--card);border:1px solid var(--border);padding:4px 8px;max-width:190px;cursor:pointer}select.rfilter:focus{outline:none;border-color:var(--accent)}.cklegend{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:12px}.cklegend label{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none}.cklegend input{accent-color:var(--accent);cursor:pointer;width:15px;height:15px;margin:0}.cklegend .sw{width:11px;height:11px}.cklegend .ct{font-family:var(--mono);font-size:.72rem;color:var(--faint)}.filterbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px;padding:12px 0;border-bottom:1px solid var(--border)}.filterbar .fb-label{font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--faint)}.filterbar .cklegend{margin-top:0}@media (max-width:900px){.c7,.c8{grid-column:span 12}.c3,.c4,.c5,.c6{grid-column:span 6}.mbm{grid-template-columns:1fr}}@media (max-width:560px){.c3,.c4,.c5,.c6{grid-column:span 12}}