.cl-container{max-width:900px;margin:30px auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;color:#333}.cl-search-box{display:flex;gap:10px;margin-bottom:25px;box-shadow:0 4px 6px rgb(0 0 0 / .05)}#cl-input{flex:1;padding:12px 15px;border:1px solid #ddd;border-radius:4px;font-size:16px;outline:none;transition:border 0.3s}#cl-input:focus{border-color:#0073aa;box-shadow:0 0 0 2px rgb(0 115 170 / .1)}#cl-btn{padding:0 30px;background-color:#0073aa;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;font-size:15px;text-transform:uppercase;transition:background 0.3s}#cl-btn:hover{background-color:#005177}#cl-loading{text-align:center;color:#666;font-style:italic;margin-bottom:20px}.cl-chem-card{border:1px solid #e2e4e7;padding:25px;border-radius:8px;margin-bottom:25px;background:#fff;box-shadow:0 2px 10px rgb(0 0 0 / .03)}.cl-chem-card h3{margin-top:0;margin-bottom:5px;color:#0073aa;font-size:20px;border-bottom:1px solid #eee;padding-bottom:12px}.cl-formula{color:#777;font-weight:400;font-size:.85em;margin-left:5px}.cl-chem-en{font-style:italic;color:#888;margin-bottom:25px;font-size:14px;margin-top:0}.cl-matrix{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.cl-group{background:#f8f9fa;padding:20px;border-radius:6px;border:1px solid #eee}.cl-group h4{margin:0 0 15px 0;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#555;border-bottom:2px solid #e9ecef;padding-bottom:8px;font-weight:700}.cl-group ul{list-style:none;padding:0;margin:0}.cl-group li{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px dashed #e0e0e0;font-size:14px}.cl-group li:last-child{border-bottom:none}.mat-name{font-weight:500;color:#333}.mat-rating{display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;font-weight:700;line-height:1;width:45px;min-width:45px}.mat-rating .cl-icon{display:inline-block;vertical-align:middle;width:20px;text-align:center;margin-top:-2px}.cl-good .mat-rating{color:#28a745}.cl-fair .mat-rating{color:#d39e00}.cl-bad .mat-rating{color:#dc3545}.cl-diff .mat-rating{color:#17a2b8}.cl-note{margin-top:20px;padding:12px 15px;background-color:#fff8e1;border-left:4px solid #ffc107;color:#856404;font-size:14px;border-radius:0 4px 4px 0}.cl-error{color:#dc3545;font-weight:700;text-align:center;padding:20px;background:#fff5f5;border:1px dashed #dc3545;border-radius:4px;margin-bottom:20px}.cl-legend{background:#fff;padding:20px;border-radius:8px;margin-top:30px;border:1px solid #e2e4e7;font-size:13px;box-shadow:0 2px 5px rgb(0 0 0 / .02)}.cl-legend-header{font-weight:700;margin-bottom:12px;color:#333;text-transform:uppercase;font-size:12px}.cl-legend-grid{display:flex;flex-wrap:wrap;gap:20px}.cl-legend-item{display:inline-flex;align-items:center;gap:8px;color:#555;background:#f8f9fa;padding:5px 10px;border-radius:20px;border:1px solid #eee}.cl-guide{background-color:#f0f7fb;border:1px solid #cce5ff;border-radius:8px;padding:20px;margin-bottom:25px}.cl-guide-title{margin:0 0 15px 0;font-size:16px;color:#005c87;font-weight:700;display:flex;align-items:center;gap:8px}.cl-guide-steps{display:flex;flex-direction:column;gap:12px}.cl-step{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:#444;line-height:1.5}.cl-step p{margin:0}.cl-step-num{background-color:#0073aa;color:#fff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}@media (max-width:600px){.cl-guide{padding:15px}.cl-step{font-size:13px}}