input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.pythagorean-container{max-width:90vw;width:900px;margin:2rem auto;padding:2.5rem;background:var(--bg-primary);border-radius:var(--radius);box-shadow:var(--shadow-lg);text-align:center;position:relative;overflow:hidden;border:1px solid var(--border-color)}.pythagorean-header{margin-bottom:2rem}.pythagorean-title{display:flex;align-items:center;justify-content:center;gap:1vw;font-size:2rem;font-weight:700;margin-bottom:15px}.title-icon{color:var(--primary);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.letters-div{display:flex}.letter{opacity:0;transform:translateY(10px);display:inline-block;animation:fadeInUp .4s forwards;color:var(--primary);font-size:2rem;font-weight:700;letter-spacing:.05em;text-shadow:0 2px 4px rgba(0,0,0,.1)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.letter:nth-child(1){animation-delay:0s}.letter:nth-child(2){animation-delay:.05s}.letter:nth-child(3){animation-delay:.1s}.letter:nth-child(4){animation-delay:.15s}.letter:nth-child(5){animation-delay:.2s}.letter:nth-child(6){animation-delay:.25s}.letter:nth-child(7){animation-delay:.3s}.letter:nth-child(8){animation-delay:.35s}.letter:nth-child(9){animation-delay:.4s}.letter:nth-child(10){animation-delay:.45s}.letter:nth-child(11){animation-delay:.5s}.letter:nth-child(12){animation-delay:.55s}.letter:nth-child(13){animation-delay:.6s}.letter:nth-child(14){animation-delay:.65s}.letter:nth-child(15){animation-delay:.7s}.letter:nth-child(16){animation-delay:.75s}.letter:nth-child(17){animation-delay:.8s}.letter:nth-child(18){animation-delay:.85s}.letter:nth-child(19){animation-delay:.9s}.letter:nth-child(20){animation-delay:.95s}.pythagorean-description{color:var(--text-secondary);font-size:1.1rem;max-width:600px;margin:0 auto}.pythagorean-content{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.triangle-visual{background:var(--bg-secondary);padding:2rem;border-radius:var(--radius);border:1px solid var(--border-color)}.triangle{position:relative;width:300px;height:200px;margin:0 auto 2rem;padding:20px}.triangle:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:var(--border-color);clip-path:polygon(0 100%,100% 100%,100% 0)}.triangle-side{position:absolute;font-weight:600;color:var(--text-primary);background:var(--bg-primary);padding:.5rem;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);border:2px solid var(--primary);font-size:1.1rem;transition:all .2s ease;z-index:1;cursor:pointer}.triangle-side:hover{transform:scale(1.1);box-shadow:var(--shadow-md);background:var(--primary);color:#fff}.triangle-side.a{bottom:-20px;left:50%;transform:translate(-50%)}.triangle-side.b{right:-20px;top:50%;transform:translateY(-50%)}.triangle-side.c{top:50%;left:50%;transform:translate(-50%,-50%)}.triangle-side.c:hover{transform:translate(-50%,-50%) scale(1.1)}.formula{text-align:center;font-size:1.5rem;font-weight:600;color:var(--primary)}.calculator-section{background:var(--bg-primary);padding:2rem;border-radius:var(--radius);border:1px solid var(--border-color)}.input-group{margin-bottom:1.5rem}.input-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-secondary);font-size:.9rem;text-align:left}.input-group input{width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:var(--radius);font-size:1rem;transition:all .2s ease}.input-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.error-message{color:var(--color-error);margin-bottom:1rem;font-size:.875rem}.button-group{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.calculate-button{background:var(--primary);color:#fff;border:none;padding:.75rem;border-radius:var(--radius);font-weight:500;cursor:pointer;transition:all .2s ease}.calculate-button:hover{background:var(--primary-hover);transform:translateY(-2px)}.reset-button{grid-column:1 / -1;background:var(--bg-secondary);color:var(--text-primary);border:none;padding:.75rem;border-radius:var(--radius);font-weight:500;cursor:pointer;transition:all .2s ease}.reset-button:hover{background:var(--border-color);transform:translateY(-2px)}.result-container{text-align:center;padding:2rem;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border-color);animation:fadeIn .3s ease}.result-container h3{margin:0 0 .5rem;color:var(--text-primary)}.result-value{font-size:2rem;font-weight:700;color:var(--primary);margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.pythagorean-container{margin:1rem auto;padding:1.5rem}.pythagorean-title,.letter{font-size:1.5rem}.pythagorean-content{grid-template-columns:1fr;gap:1rem}.triangle{width:250px;height:167px}}@media(max-width:480px){.pythagorean-container{padding:1rem}.pythagorean-title,.letter{font-size:1.25rem}.pythagorean-description{font-size:1rem}.triangle{width:200px;height:133px}.button-group{grid-template-columns:1fr}}