.ccml-container{max-width:720px!important;width:100%!important;margin:0 auto!important;padding-bottom:0!important;font-family:'Poppins',Arial,sans-serif;color:#222;box-sizing:border-box}.ccml-container *,.ccml-container *::before,.ccml-container *::after{box-sizing:border-box}.ccml-card-header{text-align:center;margin-bottom:10px;padding:10px;border-radius:16px;background:#fff;box-shadow:0 8px 20px rgb(0 0 0 / .1);transition:transform .3s}.ccml-card-header:hover{transform:translateY(-2px)}.ccml-card-header h2{font-size:22px;color:#333;font-weight:600;margin-bottom:6px}.ccml-card-header p{font-size:14px;color:#555;margin:0 auto}.ccml-card{background:#fff;padding:10px;border-radius:16px;box-shadow:0 6px 18px rgb(0 0 0 / .08)}.ccml-info-box{background:#e3f2fd;padding:14px;border-radius:12px;margin-bottom:16px;border-left:4px solid #1976d2}.ccml-info-box p{margin:0;font-size:14px;color:#0d47a1;line-height:1.6}.ccml-input-section{background:#fff;padding:16px;border-radius:16px;box-shadow:0 8px 20px rgb(0 0 0 / .08);margin:0}.ccml-section-heading{margin-bottom:12px}.ccml-section-heading h4{font-weight:600;font-size:16px;color:#1976d2;margin:0 0 8px 0}.ccml-input-row{display:flex;gap:12px;flex-wrap:nowrap;margin-bottom:12px}.ccml-input-group{flex:1;min-width:120px}.ccml-input-group label{display:block;margin-bottom:4px;font-weight:600;font-size:14px;color:#1976d2}.ccml-input-group input,.ccml-input-group select{width:100%;padding:12px 14px;border:1px solid #90caf9;border-radius:12px;font-size:15px;transition:.3s}.ccml-input-group input:focus,.ccml-input-group select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px rgb(25 118 210 / .15)}.ccml-advanced-options{margin-top:16px;padding-top:16px;border-top:1px solid #e0e0e0}.ccml-advanced-options h4{font-size:15px;color:#1976d2;margin:0 0 12px 0;font-weight:600}.ccml-btn-group{display:flex;gap:12px;margin-top:16px}.ccml-button{flex:1;padding:12px;background:#1976d2;color:#fff;border:none;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;transition:.2s}.ccml-button:hover{background:#125ea8;transform:translateY(-2px)}.ccml-reset{background:#f44336}.ccml-reset:hover{background:#c62828}.ccml-result-container{display:none;margin-top:20px;padding:20px;background:#fff;border-radius:16px;box-shadow:0 8px 20px rgb(0 0 0 / .08)}.ccml-result-container h3{font-size:18px;color:#1976d2;margin:0 0 16px 0;text-align:center}.ccml-results-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:16px}.ccml-result-card{border-radius:12px;padding:20px;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;box-shadow:0 4px 12px rgb(0 0 0 / .15)}.ccml-result-card.primary{background:linear-gradient(135deg,#1976d2 0%,#1565c0 100%)}.ccml-result-title{font-size:14px;opacity:.9;margin-bottom:8px;font-weight:500}.ccml-result-value{font-size:32px;font-weight:700;margin:8px 0}.ccml-result-unit{font-size:16px;opacity:.9;font-weight:500}.ccml-conversion-explanation{background:#f5f5f5;padding:16px;border-radius:12px;margin-top:16px}.ccml-conversion-explanation h4{font-size:16px;color:#1976d2;margin:0 0 12px 0;font-weight:600}.ccml-explanation-content p{margin:8px 0;font-size:14px;color:#333;line-height:1.6}.ccml-explanation-content strong{color:#1976d2}.ccml-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.ccml-detail-card{border-radius:12px;padding:12px;text-align:center;font-size:13px;font-weight:500;color:#333;background:#f5f5f5;transition:all 0.3s}.ccml-detail-card:nth-child(1){background:#fce4ec}.ccml-detail-card:nth-child(2){background:#e3f2fd}.ccml-detail-card:nth-child(3){background:#e8f5e9}.ccml-detail-card:nth-child(4){background:#fff3e0}.ccml-detail-card:nth-child(5){background:#f3e5f5}.ccml-detail-card:nth-child(6){background:#e0f7fa}.ccml-detail-card:nth-child(7){background:#fff9c4}.ccml-detail-card:nth-child(8){background:#ffebee}.ccml-detail-card:nth-child(9){background:#e8eaf6}.ccml-detail-card:nth-child(10){background:#e0f2f1}.ccml-detail-card:nth-child(11){background:#fce4ec}.ccml-detail-card:nth-child(12){background:#f1f8e9}.ccml-detail-card:hover{background:#d1c4e9;color:#111;transform:translateY(-2px)}.ccml-detail-card strong{display:block;font-size:11px;color:#666;margin-bottom:4px}.ccml-detail-card span{display:block;font-size:15px;font-weight:700;color:#1976d2}.ccml-calculator-footer{margin-top:20px;padding:20px;background:#fff;border-radius:16px;box-shadow:0 6px 18px rgb(0 0 0 / .08)}.ccml-theory-section h4{font-size:18px;color:#1976d2;margin:0 0 12px 0;font-weight:600}.ccml-theory-section p{font-size:14px;color:#555;line-height:1.7;margin-bottom:12px}.ccml-theory-subsection{margin-top:16px}.ccml-theory-subsection h5{font-size:16px;color:#333;margin:0 0 8px 0;font-weight:600}.ccml-theory-subsection ul{margin:8px 0;padding-left:20px}.ccml-theory-subsection li{font-size:14px;color:#555;line-height:1.7;margin-bottom:6px}@media (max-width:768px){.ccml-details-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.ccml-input-row{flex-wrap:wrap}.ccml-details-grid{grid-template-columns:1fr}.ccml-btn-group{flex-direction:column}.ccml-card-header h2{font-size:18px}.ccml-result-value{font-size:28px}}