.spec-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:600px){.spec-inputs{grid-template-columns:1fr}}.spec-col{display:flex;flex-direction:column;gap:8px}.spec-col label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.spec-input{background:var(--bg3);border:1px solid var(--border);color:#fff;padding:12px 14px;border-radius:var(--r);outline:none;font-family:JetBrains Mono,monospace;font-size:15px;transition:border-color .2s}.spec-input:focus{border-color:var(--accent)}.spec-results{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:stretch}@media(max-width:600px){.spec-results{grid-template-columns:1fr}}.spec-card{background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px}.spec-card.winner{border-color:#2ea043;box-shadow:0 0 20px #2ea04326}.spec-card.loser{border-color:#484f58;opacity:.7}.spec-card .spec-score{font-size:36px;font-weight:700;font-family:JetBrains Mono,monospace}.spec-card .spec-score.win{color:#2ea043}.spec-card .spec-score.lose{color:var(--muted)}.spec-vs{display:flex;align-items:center;justify-content:center}.spec-vs span{font-size:14px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:2px}.spec-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:8px}.spec-break-item{display:flex;justify-content:space-between;padding:6px 10px;background:var(--bg3);border-radius:var(--r);font-size:13px}.spec-break-item .label{color:var(--muted)}.spec-break-item .val{font-family:JetBrains Mono,monospace;font-weight:600;color:#fff}.spec-bar{height:8px;background:var(--bg);border-radius:4px;overflow:hidden}.spec-bar-fill{height:100%;border-radius:4px;transition:width .3s}.spec-bar-fill.a{background:linear-gradient(90deg,#58a6ff,#1f6feb)}.spec-bar-fill.b{background:linear-gradient(90deg,#d29922,#9e6a03)}.spec-presets{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.spec-presets span{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.spec-education{margin-top:16px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:24px}.spec-education .card-title{color:#fff;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:16px}.spec-edu-content{font-size:13px;line-height:1.7;color:var(--muted)}.spec-edu-content strong{color:#fff}.spec-edu-content code{background:var(--bg3);padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--accent)}.spec-edu-content ul{margin:8px 0;padding-left:20px}.spec-edu-content li{margin:4px 0}