.calc-toggle{font-family:var(--font-display);cursor:pointer;color:var(--gray);background:0 0;border:none;border-radius:50px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:background-color .3s,color .3s}.calc-toggle.active{background:var(--purple);color:#fff;box-shadow:0 4px 15px #c385f84d}#results-grid{grid-template-columns:repeat(4,1fr)}.result-card{background:var(--pure-white,#fff);text-align:center;border:1px solid var(--gray-light,#e0e0e0);cursor:pointer;border-radius:16px;height:80px;padding:0;transition:transform .3s,box-shadow .3s,border-color .3s;overflow:hidden}.result-card:hover{border-color:var(--purple);box-shadow:0 10px 30px #c385f81f}.result-card-inner{flex-direction:column;justify-content:center;align-items:center;height:160px;padding:0 .75rem;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex}.result-card:hover .result-card-inner{transform:translateY(-80px)}.result-label{height:80px;font-family:var(--font-display);color:var(--text-body);text-transform:lowercase;justify-content:center;align-items:center;padding:.5rem;font-size:.82rem;font-weight:600;line-height:1.3;display:flex}.result-value{height:80px;color:var(--purple);justify-content:center;align-items:center;font-family:Space Mono,monospace;font-size:1.3rem;font-weight:700;display:flex}@media (max-width:380px){.result-value{font-size:1rem}}@media (max-width:768px){.pil-grid-inline{grid-template-columns:1fr!important}}