:root{--bg:#f6f7fb;--panel:#ffffff;--panel-2:#f7f9fc;--text:#111827;--muted:#6b7280;--primary:#2563eb;--radius:14px;--shadow:0 8px 24px rgba(0,0,0,.08),0 1px 4px rgba(0,0,0,.06)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";background:linear-gradient(180deg,#f7f9fc,#eef2f7);color:var(--text);line-height:1.5}.pythagoreTool{max-width:860px;margin:40px auto;padding:24px}.pythagoreTool .header{text-align:center;margin-bottom:16px}.pythagoreTool .header h1{margin:0 0 6px 0;font-size:clamp(22px,3.2vw,30px)}.pythagoreTool .subtitle{margin:0;color:var(--muted);font-size:14px}.pythagoreTool .panel{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid rgba(17,24,39,.08);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);margin-bottom:16px}.pythagoreTool .calculator .gridRow{display:grid;gap:20px;grid-template-columns:1fr;align-items:start}.pythagoreTool .calculator .gridRow+.gridRow{margin-top:16px}@media (min-width:740px){.pythagoreTool .calculator .gridRow{grid-template-columns:repeat(3,1fr)}}.pythagoreTool label{display:flex;flex-direction:column;gap:12px}.pythagoreTool label span{color:var(--muted);font-size:13px}.pythagoreTool input{background:#fff;color:var(--text);border:1px solid rgba(17,24,39,.12);border-radius:12px;padding:14px 16px}.pythagoreTool .actions{display:flex;gap:10px;flex-wrap:wrap}.pythagoreTool .calculator .gridRow.actions{display:flex;gap:12px;flex-wrap:wrap;grid-template-columns:none;justify-content:flex-start}@supports not (gap:1rem){.pythagoreTool .calculator .row.actions>*+*{margin-left:12px}}.pythagoreTool .calculator .gridRow.output{grid-template-columns:1fr}.pythagoreTool .primary,.pythagoreTool .secondary{padding:10px 14px;border-radius:12px;border:1px solid rgba(17,24,39,.12);background:#fff;color:var(--text);cursor:pointer}.pythagoreTool .primary{background:linear-gradient(180deg,#2563eb,#1d4ed8);color:#fff;border-color:transparent}.pythagoreTool .primary:hover{filter:brightness(1.05)}.pythagoreTool .secondary:hover{background:#f3f4f6}.pythagoreTool .resultBox{background:#fff;border:1px solid rgba(17,24,39,.12);border-radius:12px;padding:16px}.pythagoreTool .resultLabel{color:var(--muted);font-size:13px}.pythagoreTool .resultValue{font-weight:700;font-size:20px}.pythagoreTool .panel.info .muted{color:var(--muted)}.pythagoreTool .panelHeader h2{margin:0 0 4px 0;font-size:20px;color:var(--text)}.pythagoreTool .vizWrap{display:block;width:100%;background:#fff;border:1px solid rgba(17,24,39,.12);border-radius:12px;padding:12px}.pythagoreTool .vizWrap svg{width:100%;height:auto;display:block}.pythagoreTool .vizStroke{stroke:#2563eb;stroke-width:2;fill:none}.pythagoreTool .vizFill{fill:rgba(37,99,235,.12);stroke:#2563eb;stroke-width:1}.pythagoreTool .vizGuide{stroke:rgba(17,24,39,.15);stroke-dasharray:4 4;fill:none}.pythagoreTool .vizLabel{fill:#6b7280;font-size:12px}.pythagoreTool .detailsBox{background:#fff;border:1px solid rgba(17,24,39,.12);border-radius:12px;padding:12px}.pythagoreTool .header h1{color:var(--text)!important}.pythagoreTool input::placeholder{color:var(--muted)!important;opacity:1!important}.pythagoreTool input::-webkit-input-placeholder{color:var(--muted)!important;opacity:1!important}.pythagoreTool input::-moz-placeholder{color:var(--muted)!important;opacity:1!important}.pythagoreTool input:-ms-input-placeholder{color:var(--muted)!important;opacity:1!important}.pythagoreTool input::-ms-input-placeholder{color:var(--muted)!important;opacity:1!important}