:root{--pico-font-family: "Inter", system-ui, -apple-system, sans-serif;--pico-border-radius: .5rem;--gauge-danger: #ef4444;--icon-active: #0ea5e9;--icon-inactive: var(--pico-muted-color)}body{display:flex;flex-direction:column;min-height:100vh;background-color:var(--pico-background-color)}main{flex:1 0 auto;padding:3rem 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}header.hero{text-align:center;margin-bottom:2rem;animation:fadeInDown .6s ease-out}header.hero h1{font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem;font-size:clamp(2rem,5vw,3rem)}header.hero p{color:var(--pico-muted-color);font-size:1.1rem}.tabs-nav{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.tab-btn{background:#ffffff0d;border:1px solid var(--pico-muted-border-color);color:var(--pico-muted-color);padding:.75rem 1.5rem;border-radius:var(--pico-border-radius);cursor:pointer;font-weight:600;transition:all .2s}.tab-btn:hover{border-color:var(--pico-primary);color:var(--pico-primary)}.tab-btn.active{background:var(--pico-primary);border-color:var(--pico-primary);color:#fff;box-shadow:0 4px 12px #0172cb4d}.tab-panel{display:none;animation:fadeIn .4s ease-out}.tab-panel.active{display:block}.calculator-grid{display:grid;grid-template-columns:1fr;gap:2rem;max-width:1000px;margin:0 auto;animation:fadeInUp .8s ease-out}@media(min-width:768px){.calculator-grid{grid-template-columns:1fr 1fr}}.card{background-color:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);padding:1.5rem;box-shadow:var(--pico-card-box-shadow);display:flex;flex-direction:column}.card h3{font-size:1.25rem;margin-top:0;margin-bottom:1.5rem;font-weight:600;border-bottom:1px solid var(--pico-muted-border-color);padding-bottom:.75rem;display:flex;align-items:center;gap:.5rem}label{font-weight:500;font-size:.9rem;margin-bottom:.5rem;display:block;color:var(--pico-h2-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}select,input{margin-bottom:1.5rem;font-size:.9rem;padding-right:2rem}.result-value{font-family:ui-monospace,Cascadia Code,monospace;font-size:clamp(2rem,15cqi,4rem);font-weight:700;color:var(--pico-primary);text-align:center;margin:1rem 0;container-type:inline-size}.warning-text{color:var(--gauge-danger);font-size:.9rem;background:#ef44441a;border-left:4px solid var(--gauge-danger);padding:1rem;border-radius:4px;margin-top:auto;line-height:1.5}.checklist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem}.test-item{padding:1rem .5rem;border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;transition:all .3s ease;background:#ffffff05}.test-item svg{width:2.5rem;height:2.5rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:all .3s}.test-item span{font-size:.8rem;font-weight:600}.test-item.active{border-color:var(--icon-active);background:#0ea5e91a;color:var(--icon-active);box-shadow:0 4px 6px -1px #0ea5e91a,0 2px 4px -1px #0ea5e90f}.test-item.inactive{opacity:.4;color:var(--icon-inactive);border-style:dashed}.snippet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}#snippetText{font-family:ui-monospace,Cascadia Code,monospace;font-size:.9rem;resize:none;height:120px}.btn-copy{padding:.4rem 1rem;font-size:.8rem;width:auto;margin-bottom:0}.btn-copy.copied{background-color:#10b981;border-color:#10b981;color:#fff}.input-selection-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:480px){.input-selection-grid{grid-template-columns:1fr}}.output-section{background:#0003;padding:1.25rem;border-radius:var(--pico-border-radius);border:1px solid var(--pico-muted-border-color);margin-top:auto}.output-header{font-size:.85rem;color:var(--pico-primary);text-transform:uppercase;letter-spacing:.05em;font-weight:700;margin-bottom:.75rem;display:flex;align-items:center;gap:.4rem}.output-text{font-size:1.05rem;color:var(--pico-h2-color);line-height:1.5;font-weight:500}.rating-visual{font-size:2.5rem;font-weight:800;color:var(--pico-primary);text-align:center;margin:1rem 0 2rem;font-family:monospace;letter-spacing:.1em}.nema-visual{font-size:2.5rem;font-weight:800;color:#10b981;text-align:center;margin:1rem 0 2rem;font-family:monospace}.spacer{margin-bottom:1rem}.ad-container{margin:2rem 0;text-align:center;min-height:100px;display:flex;align-items:center;justify-content:center;background:#ffffff05;border:1px dashed var(--pico-muted-border-color);color:var(--pico-muted-color);font-size:.8rem}footer{flex-shrink:0;padding:2rem 0;border-top:1px solid var(--pico-muted-border-color);margin-top:4rem}.footer-links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}.footer-links a{color:var(--pico-muted-color);text-decoration:none;font-size:.9rem;transition:color .2s}.footer-links a:hover{color:var(--pico-h2-color)}.footer-content{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--pico-muted-color)}