.modal-overlay{z-index:var(--z-modal);background:#00000080;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--color-primary-container);border-radius:var(--r-content) var(--r-content) 0 0;width:100%;max-width:600px;padding:var(--space-6);flex-direction:column;max-height:min(85dvh,600px);animation:.3s slideUp;display:flex;overflow:hidden}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-body{gap:var(--space-4);margin-bottom:var(--space-6);flex:auto;align-items:flex-start;min-height:0;display:flex;overflow-y:auto}.modal-actions{flex-shrink:0}.modal-icon-container{flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.modal-icon-container img{object-fit:contain;width:100%;height:100%}.modal-text{flex:1}.modal-title{color:var(--color-inverse-primary);margin:0 0 var(--space-2) 0;line-height:1.3}.modal-description{color:var(--color-caption);margin:0;line-height:1.5}.modal-close-button{width:100%;padding:var(--space-3);background:var(--color-brand);border-radius:var(--radius-md);color:var(--color-on-fill);cursor:pointer;transition:all var(--transition-base) ease;border:none}.modal-close-button:hover{background:#f1144fe6;transform:translateY(-1px)}.modal-close-button:active{transform:translateY(0)}@media (min-width:768px){.modal-overlay{padding:var(--space-5);align-items:center}.modal-content{border-radius:var(--r-content);max-width:500px}}
.service-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.service-modal-content{background:#fff;border-radius:24px 24px 0 0;flex-direction:column;align-items:flex-start;width:100%;max-width:500px;max-height:min(85dvh,640px);padding:28px 24px;animation:.3s slideUp;display:flex;overflow:hidden}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.service-modal-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;padding:16px;display:flex}.service-modal-icon img{object-fit:contain;width:100%;height:100%}.service-modal-title{color:#111827;flex-shrink:0;margin:0 0 8px;font-size:22px;font-weight:700;line-height:1.3}.service-modal-description{color:#6b7280;flex:auto;min-height:0;margin:0 0 24px;font-size:16px;line-height:1.6;overflow-y:auto}.service-modal-button{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:999px;flex-shrink:0;width:100%;padding:14px 24px;font-size:15px;font-weight:600;transition:background .15s}.service-modal-button:hover{background:#e5e7eb}.service-modal-button:active{background:#d1d5db}@media (min-width:768px){.service-modal-overlay{align-items:center;padding:24px}.service-modal-content{border-radius:24px;max-width:380px;padding:32px}}
.sitter-card{background:var(--sitter-card-surface,#fff);border:1px solid var(--sitter-card-stroke,#e5e7eb);cursor:pointer;color:inherit;border-radius:32px;flex-direction:column;width:100%;height:100%;padding:32px;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 1px 2px #00000014,0 4px 12px #0000000d}.sitter-card:hover{border-color:#f1144f4d;transform:translateY(-6px);box-shadow:0 16px 40px #f1144f1f}.sitter-card:active{transform:translateY(-2px);box-shadow:0 8px 24px #f1144f14}.sitter-card-content{flex-direction:column;flex:1;gap:18px;display:flex;position:relative}.id-verified-badge{align-items:center;gap:var(--space-1);cursor:pointer;color:var(--sitter-card-subtle,var(--color-text-tertiary));transition:opacity var(--transition-base) ease;background:0 0;border:none;padding:0;display:inline-flex}.id-verified-badge:hover{opacity:.7}.id-verified-badge:active{opacity:.5}.id-verified-badge img{flex-shrink:0;width:16px;height:16px}.sitter-card-header{align-items:center;gap:16px;display:flex}.sitter-avatar{flex-shrink:0}.sitter-info{flex:1;min-width:0}.sitter-name{min-width:0;color:var(--sitter-card-title,var(--color-ink,#222));letter-spacing:-.01em;align-items:center;gap:4px;margin:0 0 4px;font-size:18px;font-weight:700;line-height:1.3;display:flex}.sitter-name__text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sitter-username{color:var(--sitter-card-subtle,var(--color-text-tertiary));text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:400;line-height:1.4;overflow:hidden}.sitter-services{flex-wrap:wrap;gap:10px;display:flex}.service-icon-circle{cursor:pointer;width:32px;height:32px;transition:all var(--transition-base) ease;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.service-icon-circle:hover{box-shadow:var(--shadow-md);transform:scale(1.15)}.service-icon-circle:active{transform:scale(.95)}.sitter-proof{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.sitter-price{min-width:0;color:var(--sitter-card-title,var(--color-ink,#222));margin:0;font-size:15px;font-weight:700;line-height:1.3}.sitter-price__unit{color:var(--sitter-card-subtle,var(--color-text-tertiary));display:block}.sitter-rating{align-items:center;gap:var(--space-1);flex-shrink:0;font-size:14px;display:flex}.rating-stars{flex-shrink:0;align-items:center;gap:2px;display:inline-flex}.rating-star-icon{flex-shrink:0;margin-top:-1px}.rating-star-icon--empty{color:var(--sitter-card-subtle,var(--color-text-tertiary));fill:none}.rating-value{color:var(--sitter-card-title,var(--color-text-primary));font-weight:600;line-height:1}.sitter-years{color:var(--sitter-card-title,var(--color-text-primary));flex-shrink:0;margin:0;font-size:14px;font-weight:600;line-height:1.3}.sitter-availability{align-items:center;gap:var(--space-1);color:var(--sitter-card-subtle,var(--color-text-tertiary));margin:0;display:flex}.sitter-availability svg{flex-shrink:0}.rating-count{color:var(--sitter-card-subtle,var(--color-text-tertiary));font-size:13px;line-height:1}.sitter-bio{color:var(--sitter-card-body,var(--color-text-secondary));-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:1;min-height:72px;margin:0;font-size:15px;font-weight:400;line-height:1.6;display:-webkit-box;overflow:hidden}.sitter-location{color:var(--sitter-card-subtle,var(--color-text-tertiary));border-top:1px solid var(--sitter-card-stroke,var(--color-border));justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:14px;font-size:13px;display:flex}.location-city{align-items:center;gap:var(--space-1);flex:1;display:flex;overflow:hidden}.location-city span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.location-distance{flex-shrink:0;font-weight:500}.sitter-card--compact{border-radius:20px;padding:16px}.sitter-card--compact .sitter-card-content{gap:12px}.sitter-card--compact .sitter-name{font-size:16px}.sitter-card--compact .sitter-proof{flex-wrap:wrap;align-items:baseline;gap:8px}.sitter-card--compact .sitter-price{font-size:14px}.sitter-card--compact .sitter-bio{-webkit-line-clamp:2;line-clamp:2;min-height:0;font-size:14px}.sitter-card--compact .sitter-location{padding-top:10px}@media (max-width:768px){.sitter-card{padding:var(--space-4)}.sitter-card-header{gap:var(--space-3)}.sitter-name{font-size:16px}}