.likes-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:24px 0;color:#6e6a7c;font-size:12px}.likes-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:54px}.like-card{position:relative;aspect-ratio: .83;border-radius:18px;overflow:hidden;background:#18171b;color:#fff}.like-photo{width:100%;height:100%;object-fit:cover;object-position:top}.like-card-bottom{position:absolute;bottom:0;left:0;right:0;padding:18px 8px;text-align:center;background:linear-gradient(transparent,#000b)}.like-card-bottom p{font-size:22px;margin-top:12px}.like-card-bottom small{display:block;margin-top:6px}.like-actions{display:flex;justify-content:center;gap:18px}.like-actions button{padding:0;background:white;border-radius:50%;width:56px;height:56px;overflow:hidden}.like-actions img{width:100%;height:100%;object-fit:contain}.like-actions button[aria-pressed=true]{outline:4px solid #42a4d8;outline-offset:3px}.likes-pagination{display:flex;justify-content:center;gap:18px;margin:48px 0 18px}.likes-pagination button{min-width:190px}.likes-note{text-align:center;font-size:12px;color:#777182;margin:18px 0;line-height:1.6}.likes-title{text-align:center;margin:24px 0;font-size:28px}.likes-tabs{display:flex;justify-content:center;gap:12px}.likes-tabs .active{background:var(--blue);color:#fff}.likes-empty{padding:32px;text-align:center;margin-top:30px}.likes-match{max-width:800px;margin:40px auto;text-align:center}.likes-match h1{font-size:30px;margin-bottom:32px}.likes-match-photos{display:grid;grid-template-columns:1fr 1fr;gap:20px}.likes-match .like-card{aspect-ratio:.8}.likes-match>p{margin:25px 0;font-size:20px}.likes-match form,.likes-chat form{display:flex;gap:16px;margin:22px 0}.likes-match input,.likes-chat input{flex:1;min-width:0;border:1px solid #ddd;border-radius:24px;background:white;padding:16px 20px;font-size:18px}.likes-match>button{margin:8px}.likes-chat{max-width:900px;margin:32px auto;padding:28px}.likes-chat h1{font-size:24px}.likes-chat .chat-messages{height:320px}.likes-dialog-list{display:grid;gap:10px}.likes-dialog-list:empty:after{content:'Взаимных симпатий пока нет.';color:#777;padding:20px}@media(max-width:850px){.likes-grid{gap:14px;margin-top:30px}.like-card-bottom p{font-size:16px}.like-actions{gap:8px}.like-actions button{width:40px;height:40px}.likes-pagination{gap:10px}.likes-pagination button{min-width:0;flex:1}.likes-match h1{font-size:24px}}@media(max-width:600px){.likes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.like-card-bottom p{font-size:17px}.likes-pagination{flex-wrap:wrap;margin-top:24px}.likes-pagination button{flex:1 1 120px;padding:12px}.likes-tabs{gap:6px;flex-wrap:wrap}.likes-tabs button{padding:10px}.likes-match form,.likes-chat form{flex-direction:column}.likes-match-photos{gap:12px}.likes-match h1{font-size:22px}.likes-chat{padding:18px}.likes-toolbar{align-items:flex-start}.likes-toolbar p{max-width:60%}}

#likes-room .outline,.likes-dialog-list .outline{border:1px solid #42a4d8;border-radius:24px;background:transparent;padding:12px 22px;font-size:18px}#likes-room .likes-toolbar .outline{padding:8px 14px;font-size:12px}#likes-room .likes-tabs .active{background:var(--blue);color:#fff}.likes-pagination .outline{min-height:48px}

.likes-match .like-card-bottom{top:48%;bottom:auto;padding:8px;background:#18171b}.likes-match .like-card-bottom p{margin:0}.likes-match .like-card-bottom small{display:none}.likes-match .like-photo{object-fit:cover}

.likes-match .like-card-bottom{padding:18px 8px;min-height:64px}

.likes-match .like-card-bottom{top:48%;bottom:auto;padding:8px;background:transparent;min-height:0}.likes-match .like-card-bottom p{text-shadow:0 1px 6px #000a;font-size:23px}