:root{--pico-font-family: "Inter", system-ui, -apple-system, sans-serif;--pico-border-radius: .5rem;--tab-bg-active: rgba(14, 165, 233, .1);--tab-border-active: #0ea5e9;--gauge-success: #10b981;--gauge-warning: #eab308;--gauge-danger: #ef4444}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}.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}label{font-weight:500;font-size:.9rem;margin-bottom:.5rem;display:block;color:var(--pico-h2-color)}select,input[type=number]{margin-bottom:1.25rem}.tabs-nav{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--pico-muted-border-color)}.tab-btn{flex:1;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--pico-muted-color);padding:.75rem .5rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;border-radius:4px 4px 0 0}.tab-btn:hover{background:#ffffff0d}.tab-btn.active{color:var(--tab-border-active);border-bottom-color:var(--tab-border-active);background:var(--tab-bg-active)}.tab-panel{display:none;animation:fadeIn .4s ease-out}.tab-panel.active{display:block}.gauge-wrapper{position:relative;width:300px;height:150px;margin:2rem auto;overflow:hidden}.gauge-track{position:absolute;top:0;left:0;width:300px;height:300px;border-radius:50%;border:26px solid rgba(255,255,255,.1);box-sizing:border-box}.gauge-fill{position:absolute;top:0;left:0;width:300px;height:300px;border-radius:50%;border:26px solid var(--gauge-success);border-bottom-color:transparent!important;border-right-color:transparent!important;box-sizing:border-box;transform:rotate(-45deg);transition:transform .6s cubic-bezier(.4,0,.2,1),border-color .4s}.gauge-center-text{position:absolute;bottom:0;left:50%;transform:translate(-50%);text-align:center;width:100%;padding-bottom:.75rem}.gauge-value{font-size:2.25rem;font-weight:700;font-family:ui-monospace,Cascadia Code,monospace;line-height:1;color:var(--pico-primary)}.gauge-label{font-size:.8rem;color:var(--pico-muted-color);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.results-container{gap:1.5rem;justify-content:space-between}.result-item{padding:1.5rem;background:#ffffff05;border-radius:8px;border:1px solid var(--pico-muted-border-color);display:flex;flex-direction:column;align-items:center;position:relative;container-type:inline-size;text-align:center;margin-bottom:1rem}.result-item span.result-value{font-family:ui-monospace,Cascadia Code,monospace;font-size:clamp(2rem,20cqi,3rem);font-weight:700;color:var(--pico-primary)}.result-item span.result-unit{font-size:clamp(1rem,8cqi,1.2rem);color:var(--pico-muted-color);margin-left:.25rem}.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}.btn-pdf{margin-top:auto;width:100%;background-color:var(--pico-primary);color:#fff;font-weight:600;border:none;transition:background-color .2s}.btn-pdf:hover{background-color:var(--pico-primary-hover)}.btn-pdf.generating{background-color:var(--pico-muted-color);cursor:not-allowed}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)}