.xecalc{font-family:inherit;line-height:1.5}.xecalc__product-badge{display:flex;align-items:center;gap:8px;background:var(--xe-orange-light,#fff4ef);color:var(--xe-orange,#fb8104);padding:10px 16px;border-radius:var(--xe-radius,8px);font-size:13px;margin-bottom:20px;border-left:3px solid var(--xe-orange,#fb8104)}.xecalc__product-badge svg{flex-shrink:0;stroke:var(--xe-orange,#fb8104)}.xecalc__cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.xecalc__card{background:var(--xe-white,#ffffff);border-radius:var(--xe-radius-lg,12px);box-shadow:0 2px 12px rgb(0 0 0 / .06);overflow:hidden}.xecalc__card-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:3px solid}.xecalc__card-header--gas{border-color:#ef4444}.xecalc__card-header--elec{border-color:var(--xe-success,#22c55e)}.xecalc__card-icon{font-size:24px;flex-shrink:0}.xecalc__card-title{display:block;font-size:16px;font-weight:800;color:var(--xe-text,#1a1a1a)}.xecalc__card-subtitle{display:block;font-size:12px;color:var(--xe-text-light,#666666);margin-top:2px}.xecalc__card-body{padding:20px}.xecalc__field{margin-bottom:18px}.xecalc__field:last-child{margin-bottom:0}.xecalc__field label{display:block;margin-bottom:8px}.xecalc__field label strong{display:block;font-size:13px;font-weight:700;color:var(--xe-text,#1a1a1a)}.xecalc__field label span{display:block;font-size:12px;color:var(--xe-text-light,#666666);margin-top:2px}.xecalc__input-wrap{display:flex;align-items:center;border:1.5px solid var(--xe-border,#e0e0e0);border-radius:var(--xe-radius,8px);overflow:hidden;transition:border-color 0.2s}.xecalc__input-wrap:focus-within{border-color:var(--xe-orange,#fb8104);box-shadow:0 0 0 3px rgb(251 129 4 / .1)}.xecalc__input{flex:1;border:none;padding:10px 14px;font-size:16px;font-weight:600;color:var(--xe-text,#1a1a1a);background:#fff0;outline:none;min-width:0;-moz-appearance:textfield}.xecalc__input::-webkit-outer-spin-button,.xecalc__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.xecalc__unit{padding:10px 14px;background:var(--xe-gray-bg,#f5f5f5);font-size:13px;font-weight:600;color:var(--xe-text-light,#666666);white-space:nowrap;border-left:1.5px solid var(--xe-border,#e0e0e0)}.xecalc__distance{background:var(--xe-white,#ffffff);border-radius:var(--xe-radius-lg,12px);box-shadow:0 2px 12px rgb(0 0 0 / .06);padding:20px;margin-bottom:20px}.xecalc__distance label{display:block;margin-bottom:10px}.xecalc__distance label strong{font-size:14px;font-weight:700;color:var(--xe-text,#1a1a1a)}.xecalc__distance label span{font-size:12px;color:var(--xe-text-light,#666666);margin-left:4px}.xecalc__distance .xecalc__input-wrap{max-width:280px}.xecalc__btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;background:var(--xe-orange,#fb8104);color:var(--xe-white,#ffffff);border:none;border-radius:var(--xe-radius,8px);font-size:16px;font-weight:800;text-transform:uppercase;cursor:pointer;transition:background 0.2s,transform 0.1s;letter-spacing:.5px;margin-bottom:24px}.xecalc__btn:hover{background:var(--xe-orange-hover,#e67304)}.xecalc__btn:active{transform:scale(.98)}.xecalc__btn svg{stroke:var(--xe-white,#ffffff);flex-shrink:0}.xecalc__results{animation:xecalcFadeIn 0.4s ease}@keyframes xecalcFadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.xecalc__results-header h4{font-size:18px;font-weight:800;color:var(--xe-text,#1a1a1a);margin:0 0 20px;text-transform:uppercase}.xecalc__bars{margin-bottom:24px}.xecalc__bar-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.xecalc__bar-row:last-child{margin-bottom:0}.xecalc__bar-label{display:flex;align-items:center;gap:6px;min-width:110px;font-size:13px;font-weight:600;color:var(--xe-text,#1a1a1a)}.xecalc__bar-track{flex:1;height:28px;background:var(--xe-gray-bg,#f5f5f5);border-radius:14px;overflow:hidden}.xecalc__bar-fill{height:100%;border-radius:14px;transition:width 0.8s cubic-bezier(.4,0,.2,1);min-width:0}.xecalc__bar-fill--gas{background:linear-gradient(90deg,#ef4444,#dc2626)}.xecalc__bar-fill--elec{background:linear-gradient(90deg,var(--xe-success,#22c55e),#16a34a)}.xecalc__bar-value{min-width:80px;text-align:right;font-size:16px;font-weight:800;color:#ef4444}.xecalc__bar-value--elec{color:var(--xe-success,#22c55e)}.xecalc__savings{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,var(--xe-success-light,#f0fdf4),#dcfce7);border:2px solid var(--xe-success,#22c55e);border-radius:var(--xe-radius-lg,12px);padding:20px 24px;margin-bottom:24px}.xecalc__savings-icon{flex-shrink:0}.xecalc__savings-icon svg{stroke:var(--xe-success,#22c55e)}.xecalc__savings-text{flex:1}.xecalc__savings-text strong{display:block;font-size:28px;font-weight:800;color:var(--xe-success,#22c55e);line-height:1.1}.xecalc__savings-text span{font-size:13px;color:var(--xe-text-light,#666666)}.xecalc__savings-percent{font-size:24px;font-weight:800;color:var(--xe-success,#22c55e);background:var(--xe-white,#ffffff);padding:8px 14px;border-radius:var(--xe-radius,8px);white-space:nowrap}.xecalc__breakdown{background:var(--xe-white,#ffffff);border-radius:var(--xe-radius-lg,12px);box-shadow:0 2px 12px rgb(0 0 0 / .06);overflow:hidden;margin-bottom:20px}.xecalc__breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid var(--xe-border,#e0e0e0)}.xecalc__breakdown-item:last-child{border-bottom:none}.xecalc__breakdown-label{font-size:13px;color:var(--xe-text-light,#666666)}.xecalc__breakdown-value{font-size:14px;font-weight:700;color:var(--xe-text,#1a1a1a)}.xecalc__breakdown-value--elec{color:var(--xe-success,#22c55e)}.xecalc__breakdown-value--highlight{color:var(--xe-orange,#fb8104);font-size:16px}.xecalc__eco{display:flex;align-items:center;gap:12px;background:#f0fdf4;border-radius:var(--xe-radius,8px);padding:16px 20px}.xecalc__eco-icon{font-size:28px;flex-shrink:0}.xecalc__eco-text strong{display:block;font-size:16px;font-weight:800;color:var(--xe-success,#22c55e)}.xecalc__eco-text span{font-size:12px;color:var(--xe-text-light,#666666)}@media (max-width:768px){.xecalc__cards{grid-template-columns:1fr;gap:16px}.xecalc__card-body{padding:16px}.xecalc__bar-label{min-width:90px;font-size:12px}.xecalc__bar-value{min-width:65px;font-size:14px}.xecalc__savings{flex-wrap:wrap;padding:16px;gap:12px}.xecalc__savings-text strong{font-size:22px}.xecalc__savings-percent{font-size:18px}.xecalc__btn{font-size:14px;padding:14px 20px}.xecalc__distance .xecalc__input-wrap{max-width:100%}}@media (max-width:480px){.xecalc__bar-row{flex-wrap:wrap;gap:6px}.xecalc__bar-label{width:100%}.xecalc__bar-track{flex:1}.xecalc__bar-value{min-width:60px}}