:root{--bg: #0e1116;--panel: #161b24;--panel2: #1d2430;--line: #2a3342;--text: #e6ebf2;--dim: #8b96a8;--accent: #4da3ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 -apple-system,Segoe UI,Roboto,sans-serif}header{padding:18px 24px 6px}header h1{margin:0;font-size:22px;letter-spacing:.5px}header .sub{color:var(--dim);margin-top:2px}nav{display:flex;gap:4px;padding:10px 24px;border-bottom:1px solid var(--line)}nav button{background:none;border:1px solid transparent;color:var(--dim);padding:7px 14px;border-radius:8px;cursor:pointer;font-size:14px}nav button.active{color:var(--text);background:var(--panel2);border-color:var(--line)}main{padding:18px 24px;max-width:1500px;margin:0 auto}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.chip{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:5px 11px;color:var(--dim);font-size:13px}.chip b{color:var(--text)}select,input[type=text]{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:6px 10px}.btn{background:var(--panel2);border:1px solid var(--line);color:var(--text);padding:7px 14px;border-radius:8px;cursor:pointer}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:#04121f;font-weight:600}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}.grid2{display:grid;grid-template-columns:320px 1fr;gap:16px}@media(max-width:900px){.grid2{grid-template-columns:1fr}}table{border-collapse:collapse}td,th{border:1px solid var(--line);padding:6px 10px;text-align:left;font-size:13px}th{color:var(--dim);font-weight:500}.tag{display:inline-block;padding:1px 8px;border-radius:20px;font-size:12px;font-weight:600}.t-good{background:#123822;color:#35c46f}.t-bent{background:#3a2a12;color:#ff9f43}.t-color{background:#3a1620;color:#ff6b81}.t-flip{background:#241a3d;color:#b18cff}.t-scratch{background:#103339;color:#4dd0e1}.t-neutral{background:var(--panel2);color:var(--dim)}#mapbox{position:relative;height:640px;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}#tooltip{position:fixed;pointer-events:none;background:#0a0d12ee;border:1px solid var(--line);border-radius:8px;padding:6px 9px;display:none;z-index:50;font-size:12px}.legend{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0}.legend span{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--dim)}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}img.hero{width:100%;border-radius:10px;border:1px solid var(--line)}.thumbs{display:flex;gap:8px;flex-wrap:wrap}.thumb{width:92px;cursor:pointer;text-align:center}.thumb img{width:92px;height:92px;object-fit:cover;border-radius:8px;border:2px solid var(--line)}.thumb img:hover,.thumb.selected img{border-color:var(--accent)}.thumb .sim{font-size:12px;color:var(--accent)}.thumb .lbl{font-size:11px;margin-top:2px}.metric{font-size:26px;font-weight:700}.metric small{font-size:12px;color:var(--dim);font-weight:400;display:block}.mgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.bar{height:8px;background:var(--panel2);border-radius:4px;overflow:hidden;margin-top:6px}.bar>i{display:block;height:100%;background:var(--accent)}.note{color:var(--dim);font-size:12.5px;margin-top:8px}h2{font-size:17px;margin:18px 0 12px}code{background:var(--panel2);padding:1px 5px;border-radius:4px}