.compare-container{max-width:850px;margin:2rem auto;padding:1.5rem;background:#f5f7fa;border-radius:14px;border:1px solid #e2e8f0;font-family:Inter,system-ui,sans-serif}.header-with-info{gap:.6rem}.header-with-info,.info-icon{display:flex;justify-content:center;align-items:center}.info-icon{background:#2563eb;color:#fff;font-weight:700;border-radius:50%;width:22px;height:22px;cursor:pointer}.info-text{margin:.5rem 0 1rem;text-align:center;color:#374151;font-size:.9rem}.compare-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:.5rem;color:#1f2937}.compare-meta{text-align:center;font-size:.95rem;margin-bottom:1.5rem;color:#000}.compare-form,.manual-input{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin-bottom:1rem}.compare-form input,.manual-input input{flex:1 1 220px;min-width:150px;padding:.6rem .9rem;border:1px solid #cbd5e1;border-radius:8px;font-size:.95rem;background:#f9fafb}.compare-form button,.manual-input button{background:#2563eb;color:#fff;border:none;border-radius:8px;padding:.6rem 1.1rem;cursor:pointer;font-size:.95rem;font-weight:600}.compare-form button:hover,.manual-input button:hover{background:#1d4ed8}.coin-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:1rem}.coin-item{background:#e0f2fe;color:#1e40af;padding:.4rem .7rem;border-radius:6px;font-weight:600;display:flex;align-items:center;gap:.4rem}.coin-item button{background:transparent;border:none;cursor:pointer;font-weight:700;color:#1e40af}.chart-box{margin-top:1.8rem;background:#f8fafc;padding:1rem;border:1px solid #e5e7eb;border-radius:10px}.chart-toggle{display:flex;justify-content:center;margin-bottom:.8rem;gap:.4rem}.chart-toggle button{padding:.3rem .8rem;border-radius:6px;border:1px solid #d1d5db;background:#f9fafb;font-size:.85rem;cursor:pointer}.chart-toggle button.active{background:#2563eb;color:#fff;border-color:#2563eb}.table-wrapper{overflow-x:auto;margin-top:1.5rem}.table-box{width:100%;min-width:600px;border-collapse:collapse;font-size:.9rem;color:#000}.table-box td,.table-box th{border-bottom:1px solid #e5e7eb;text-align:left;padding:.7rem}.table-box th{background:#f3f4f6;font-weight:600;color:#000}@media (max-width:600px){.compare-title{font-size:1.5rem}.compare-form input,.manual-input input{min-width:100px}.chart-box{padding:.5rem}.coin-item{font-size:.85rem;padding:.3rem .5rem}}