:root{--bg:#07131f;--panel:#0e2233;--ink:#e8f4ff;--muted:#8fb0c9;--accent:#2ee6c5;--warm:#ff8a4c;--line:#1d3a52}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 80% -10%,#123a5a 0,transparent 60%),var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}.wrap{max-width:1180px;margin:0 auto;padding:24px 18px 60px}.brand{display:flex;align-items:center;gap:12px}.logo{font-size:30px}.brand h1{margin:0;font-size:28px;letter-spacing:-.5px}.brand p{margin:2px 0 0;color:var(--muted)}.mock{display:inline-block;background:#5a3a00;color:#ffd38a;border:1px solid #a86c00;padding:3px 10px;border-radius:999px;font-size:12px;margin-left:8px}.form{display:grid;grid-template-columns:2fr 1.2fr 1.4fr auto auto;grid-gap:10px;gap:10px;margin:22px 0;background:var(--panel);padding:14px;border-radius:16px;border:1px solid var(--line)}.form input,.form select{background:#081827;border:1px solid var(--line);color:var(--ink);padding:12px;border-radius:10px;font-size:15px}button{background:var(--accent);color:#03211c;border:0;padding:12px 18px;border-radius:10px;font-weight:700;cursor:pointer;font-size:15px}button.ghost{background:transparent;color:var(--accent);border:1px solid var(--accent)}button:disabled{opacity:.5}.grid{display:grid;grid-template-columns:320px 1fr;grid-gap:18px;gap:18px}.log{background:#04101a;border:1px solid var(--line);border-radius:14px;padding:12px;font:12.5px/1.55 ui-monospace,Menlo,monospace;color:#9fe;height:520px;overflow:auto}.log div{animation:fade .25s}.log .t{color:#4d7390;margin-right:6px}@keyframes fade{0%{opacity:0;transform:translateY(4px)}}.cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.card{perspective:1200px;height:440px;cursor:pointer}.inner{position:relative;width:100%;height:100%;transition:transform .7s;transform-style:preserve-3d}.card.flipped .inner{transform:rotateY(180deg)}.face{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:18px;padding:18px;border:1px solid var(--line);background:linear-gradient(160deg,#123049,#0b1d2d);display:flex;flex-direction:column}.back{transform:rotateY(180deg);background:linear-gradient(160deg,#16314a,#0d2133);overflow:auto}.origin{font-size:13px;color:var(--warm);text-transform:uppercase;letter-spacing:1px}.trend{font-size:24px;font-weight:800;margin:6px 0 12px}.score{margin-top:auto;display:flex;align-items:end;gap:10px}.score b{font-size:56px;line-height:1;color:var(--accent)}.bars div,.score span{color:var(--muted)}.bars div{display:flex;align-items:center;gap:8px;font-size:12px;margin:4px 0}.bars i{flex:1 1;height:6px;background:#0a1826;border-radius:3px;overflow:hidden}.bars i u{display:block;height:100%;background:var(--accent)}.back h4{margin:4px 0 6px}.back ul{padding-left:18px;margin:0 0 8px;font-size:13px}.hint{font-size:11px;color:var(--muted);margin-top:6px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;margin-top:16px}.empty{display:grid;place-items:center;height:340px;border:1px dashed var(--line);border-radius:18px;color:var(--muted);text-align:center;padding:20px}.heat{display:grid;grid-gap:2px;gap:2px;border-radius:10px;overflow:hidden}.heat div{aspect-ratio:1}.kit{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.kit .panel{margin:0}.kit h3{margin:0 0 6px;color:var(--warm);font-size:13px;text-transform:uppercase;letter-spacing:1px}.tag{display:inline-block;background:#0a2a3d;border:1px solid var(--line);padding:3px 9px;border-radius:999px;margin:2px}.tag,footer{font-size:12px}footer{color:var(--muted);margin-top:30px}@media(max-width:900px){.form{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.log{height:200px}.cards,.kit{grid-template-columns:1fr}}.trend-img{display:block;height:120px;object-fit:cover;margin-bottom:8px}.map,.trend-img{width:100%;border-radius:10px}.map{height:260px;overflow:hidden;z-index:0}@media (max-width:640px){.map{height:220px}}.legend{font-size:12px;opacity:.85;margin-top:6px;display:flex;align-items:center;gap:6px}.legend .ramp{display:inline-block;width:70px;height:8px;border-radius:4px;background:linear-gradient(90deg,hsl(200 90% 35%),hsl(110 90% 45%),hsl(20 90% 55%))}.legend .dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin:0 3px 0 6px;border:1px solid #fff}.pin-pop{font-size:12px;color:#111;line-height:1.4}.pin-pop b{display:block;font-size:13px}.demo{margin-top:12px;font-size:12px}.demo-rows{display:grid;grid-gap:3px;gap:3px;margin-top:6px;max-width:520px}.demo-rows>div{display:grid;grid-template-columns:110px 1fr 44px;align-items:center;grid-gap:6px;gap:6px}.demo-rows i{position:relative;height:8px;background:rgba(127,127,127,.2);border-radius:4px;overflow:hidden;display:block}.demo-rows u{position:absolute;top:0;bottom:0;left:0;text-decoration:none;display:block}