*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#212121;-webkit-font-smoothing:antialiased;background:#f5f5f5;flex-direction:column;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}:root{--property-a:#4b3e99;--property-b:#b62391}.main{flex:1;width:100%;max-width:960px;margin:60px auto 0;padding:40px 24px}.shared-section{margin-top:40px}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:32px;display:flex}.page-title{margin-bottom:4px;font-size:28px;font-weight:700}.page-subtitle{color:#757575;margin-bottom:0;font-size:15px}.page-subtitle__link{color:#4b3e99;text-underline-offset:3px;text-decoration:underline}.section-divider{border:none;border-top:1px solid #e0e0e0;margin:0 0 32px}.section-heading{color:#1e293b;align-items:center;gap:8px;margin-bottom:4px;font-size:20px;font-weight:700;display:flex}.section-heading .material-icons-outlined{color:#3b82f6;font-size:22px}.comparison-card__shared-by{color:#757575;align-items:center;gap:4px;margin-bottom:10px;font-size:12px;display:flex}.comparison-card--shared{border-left:3px solid #3b82f6}.empty-state{text-align:center;background:#fff;border-radius:16px;padding:64px 24px;box-shadow:0 1px 3px #0000000f}.empty-state__icon{color:#bdbdbd;margin-bottom:16px;font-size:64px}.empty-state__title{margin-bottom:8px;font-size:20px;font-weight:600}.empty-state__text{color:#757575;max-width:400px;margin:0 auto 24px;font-size:14px;line-height:1.5}.empty-state--rich .empty-state__text{max-width:460px}.empty-state__cta-row{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.empty-state__cta{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#1e2bae;border-radius:100px;align-items:center;gap:8px;padding:14px 28px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex;box-shadow:0 4px 14px #1e2bae59}.empty-state__secondary-link{color:#1e2bae;background:#eef2ff;border-radius:999px;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.empty-state__support{color:#6b7280;max-width:420px;font-size:13px;line-height:1.5}.empty-state__cta:hover{background:#2e48cc;transform:translateY(-2px);box-shadow:0 6px 20px #1e2bae73}.empty-state__steps{gap:10px;width:100%;max-width:520px;display:grid}.empty-state__step{text-align:left;color:#374151;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-size:13px;display:flex}.empty-state__step span{color:#1d4ed8;background:#dbeafe;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:inline-flex}.empty-state__hint{color:#4b5563;text-align:left;align-items:flex-start;gap:10px;max-width:420px;font-size:13px;display:flex}.empty-state__hint .material-icons-outlined{color:#2563eb;font-size:20px}.empty-state__hint-title{margin-bottom:2px;font-weight:600}.empty-state__hint-text{color:#6b7280;font-size:13px}.comparisons-feedback{gap:10px;margin-bottom:14px;display:grid}.comparisons-feedback__message{border-radius:10px;margin:0;padding:10px 12px;font-size:13px;font-weight:600}.comparisons-feedback__message--error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.comparisons-feedback__message--success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.comparisons-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.comparison-card-wrapper{position:relative}.remove-btn{cursor:pointer;color:#9e9e9e;z-index:1;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:color .15s,background .15s;display:flex;position:absolute;top:10px;right:10px}.remove-btn:hover{color:#e53935;background:#ffebee}.remove-btn .material-icons-outlined{font-size:18px}.remove-btn:disabled{opacity:.5;cursor:not-allowed}.comparison-card{color:inherit;background:#fff;border-radius:12px;padding:20px 48px 20px 20px;text-decoration:none;transition:box-shadow .2s,transform .2s;display:block;box-shadow:0 1px 3px #0000000f}.comparison-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.comparison-card__header{color:var(--property-a);align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.comparison-card__logo{border-radius:3px;flex-shrink:0;width:auto;height:22px;margin-top:1px}.comparison-card__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:600;display:-webkit-box;overflow:hidden}.comparison-card__properties{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.comparison-card__property{align-items:center;gap:8px;display:flex}.comparison-card__badge{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.comparison-card__badge--a{background:var(--property-a)}.comparison-card__badge--b{background:var(--property-b)}.comparison-card__name{color:#424242;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.comparison-card__date{color:#9e9e9e;font-size:12px}.comparison-card__quest-badge{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;align-items:center;gap:4px;width:fit-content;padding:2px 8px;font-size:11px;font-weight:500;text-decoration:none;display:inline-flex}.comparison-card__quest-badge:hover{background:#dbeafe}@media (width<=768px){.navbar{padding:0 16px}.main{padding:32px 16px}.page-title{font-size:24px}.empty-state{padding:40px 18px}.empty-state__step{font-size:12px}}