.results.show{display:block;animation:slideUp .4s ease}.result-card .sub-text{color:var(--text-secondary);font-size:.95rem}.savings-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-top:20px}.timeline-item .year{font-size:.85rem;color:var(--text-secondary);margin-bottom:8px}.timeline-item .amount{font-size:1.4rem;font-weight:700;color:var(--accent)}.material-card{background:var(--bg-tertiary);padding:24px;border-radius:16px;text-align:center;cursor:pointer;transition:all .3s ease;border:2px solid var(--border-color);position:relative;overflow:hidden}.material-card::after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,hsla(calc(var(--hue) * 1deg),80%,60%,10%),transparent);transform:rotate(45deg);transition:all .5s ease}.material-card:hover::after{left:100%}.material-card:hover{transform:translateY(-8px);border-color:hsl(calc(var(--hue) * 1deg),80%,60%);box-shadow:0 15px 40px rgba(0,0,0,.2),0 0 30px hsla(calc(var(--hue) * 1deg),80%,60%,20%)}.material-card.selected{border-color:hsl(calc(var(--hue) * 1deg),80%,60%);background:rgba(102,126,234,.05)}.material-card h4{margin-bottom:12px;font-size:1.2rem;color:var(--text-primary)}.material-card .price{font-size:1.6rem;font-weight:700;margin:12px 0;color:var(--accent)}.material-card .features{font-size:.85rem;color:var(--text-secondary);margin-top:12px;line-height:1.8;text-align:left}.share-buttons{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.share-btn{flex:1;min-width:140px;padding:14px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:600}.share-btn:hover{background:var(--accent);color:white;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.energy-badge{display:inline-flex;align-items:center;gap:12px;padding:12px 20px;background:rgba(255,255,255,.03);border-radius:24px;border:1px solid var(--border-color);margin:16px 0;font-weight:600}.energy-letter{font-size:1.8rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#0f8,#0c6);color:white;font-weight:800}@media (max-width:768px){.savings-timeline{grid-template-columns:repeat(2,1fr)}}