.triangle-card{background:#fff;border:1px solid var(--line);border-radius:22px;margin-top:22px;padding:30px;box-shadow:0 18px 55px #1421390a}.triangle-legend{display:flex;gap:18px;color:#657185;font-size:12px}.triangle-legend span{display:flex;align-items:center;gap:7px}.triangle-legend i{width:12px;height:12px;border-radius:50%;background:#c64291}.triangle-legend span:last-child i{background:#287bc1}.triangle-stage{min-height:360px;display:grid;place-items:center;background:linear-gradient(180deg,#fbfcfe,#f4f7fb);border:1px solid var(--line);border-radius:16px;overflow:hidden}.triangle-stage svg{display:block;width:100%;max-height:440px}.triangle-fill{fill:#287bc10d}.tri-side{stroke-width:4;stroke-linecap:round}.tri-side.known{stroke:#c64291}.tri-side.calculated{stroke:#287bc1;stroke-dasharray:10 5}.right-mark{fill:none;stroke:#7b8795;stroke-width:2}.tri-label,.angle-label{cursor:pointer}.tri-label rect{stroke-width:1}.tri-label text,.angle-label text{text-anchor:middle;font:700 12px 'DM Sans';dominant-baseline:middle}.tri-label.known rect,.angle-label.known circle{fill:#f9e7f3;stroke:#c64291}.tri-label.calculated rect,.angle-label.calculated circle{fill:#e7f1fa;stroke:#287bc1}.tri-label.known text,.angle-label.known text{fill:#9d276e}.tri-label.calculated text,.angle-label.calculated text{fill:#1f639f}.triangle-results{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.triangle-results span{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #ffffff14;font-size:13px}.triangle-results b{color:#9caabc}.triangle-empty{color:#7d8999;text-align:center;padding:50px 20px}@media(max-width:650px){.triangle-card{padding:20px 10px}.triangle-legend{flex-direction:column;gap:5px}.triangle-stage{min-height:280px}.triangle-results{grid-template-columns:1fr}}