#pythagorean-tool{--pyth-accent:#1d4ed8;--pyth-border:#dfe5ee;color:#182235;max-width:100%;font-size:.95rem}#pythagorean-tool *{box-sizing:border-box}#pythagorean-tool .pyth-card{border:1px solid var(--pyth-border);border-radius:12px;box-shadow:none;background:#fff}#pythagorean-tool .pyth-mode{width:auto;max-width:100%;min-width:185px}#pythagorean-tool .form-control,#pythagorean-tool .form-select{min-height:42px}#pythagorean-tool .input-group-text{font-size:.8rem;min-width:48px;justify-content:center}#pythagorean-tool .pyth-actions{display:flex;gap:8px}#pythagorean-tool .btn-calc{background:var(--pyth-accent);border:1px solid var(--pyth-accent);color:#fff;font-weight:600;min-height:44px}#pythagorean-tool .btn-calc:hover{background:#1e40af;color:#fff}#pythagorean-tool .pyth-reset{flex:0 0 52px}#pythagorean-tool .pyth-main-result{background:#F0F5FE;padding:18px;border-radius:10px}#pythagorean-tool .pyth-main-value{font-size:clamp(1.45rem,3vw,2.2rem);font-weight:750;overflow-wrap:anywhere}#pythagorean-tool .pyth-stat{display:flex;flex-direction:column;gap:5px;border:1px solid var(--pyth-border);border-radius:10px;padding:13px;min-height:78px}#pythagorean-tool .pyth-stat span{color:#64748b;font-size:.82rem}#pythagorean-tool .pyth-stat strong{font-size:1.04rem;overflow-wrap:anywhere}#pythagorean-tool .pyth-diagram-wrap{width:100%;background:#f8fafc;border-radius:10px;overflow:hidden;border:1px solid var(--pyth-border)}#pythagorean-tool #pyth-svg{display:block;width:100%;height:auto;max-height:350px;touch-action:none}#pythagorean-tool .pyth-bar-row{display:grid;grid-template-columns:25px minmax(0,1fr) 85px;align-items:center;gap:10px;margin:8px 0;font-size:.83rem}#pythagorean-tool .pyth-bar-track{height:12px;background:#edf2f8;border-radius:3px;overflow:hidden}#pythagorean-tool .pyth-bar-fill{height:100%;background:#2563eb;transition:width .15s}#pythagorean-tool .pyth-bar-row:nth-child(2) .pyth-bar-fill{background:#0d9488}#pythagorean-tool .pyth-bar-row:nth-child(3) .pyth-bar-fill{background:#f59e0b}#pythagorean-tool .pyth-steps{line-height:1.85;overflow-wrap:anywhere}#pythagorean-tool .pyth-steps code{color:#334155;font-size:.91em}#pythagorean-tool .pyth-drag{cursor:grab;touch-action:none}#pythagorean-tool .pyth-drag:active{cursor:grabbing}@media(max-width:575.98px){#pythagorean-tool .pyth-mode{width:100%}#pythagorean-tool .pyth-actions{width:100%}#pythagorean-tool .pyth-reset{flex-basis:48px}#pythagorean-tool .card-body{padding:14px}#pythagorean-tool .pyth-bar-row{grid-template-columns:18px minmax(0,1fr) 68px;gap:6px}}