.recommendations-empty{width:100%;max-width:none}.recommendations-empty>svg{width:40px;height:40px;color:var(--green);stroke-width:1.4px}.recommendations-empty h3{max-width:560px;font-family:var(--font-display), serif;font-size:clamp(1.6rem,3.2vw,2.35rem);font-weight:var(--display-weight);margin:14px 0 0;line-height:1}.recommendations-empty p{margin:12px 0 0}.recommendation-avatar{background-color:var(--contrast);border:1px solid var(--line);border-radius:var(--radius-sm);background-position:50%;background-size:cover;flex:none;place-items:center;width:28px;height:28px;display:inline-grid}.recommendation-avatar>svg{width:17px;height:17px;color:var(--muted);stroke-width:1.5px}.recommendations-page .recommendations-tabs{border-top:0;margin-top:10px;padding-top:0}.recommendation-list{gap:16px;max-width:none;margin:40px 0 60px;padding:0;list-style:none;display:grid}.recommendation-card{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-lg);grid-template-columns:96px minmax(0,1fr) auto;align-items:start;gap:24px;min-height:176px;padding:16px;display:grid}.recommendation-card.is-new{border-color:var(--ink)}.recommendation-poster{background:var(--paper);border-radius:var(--radius-md);width:96px;height:144px;color:var(--muted);place-items:center;text-decoration:none;display:grid;position:relative;overflow:hidden}.recommendation-poster img{object-fit:cover}.recommendation-copy{align-self:center;gap:8px;min-width:0;display:grid}.recommendation-copy h2{font-family:var(--font-display), serif;font-size:1.62rem;font-weight:var(--display-weight);margin:0;line-height:1}.recommendation-copy h2 a{color:var(--ink);text-decoration:none}.recommendation-copy h2 a:hover{text-decoration:underline}.recommendation-copy h2 small{color:var(--muted);font-family:inherit;font-size:var(--text-sm)}.recommendation-meta,.recommendation-recipients{color:var(--muted);font-size:var(--text-md);flex-wrap:wrap;align-items:center;gap:6px;margin:0;display:flex}.recommendation-meta a,.recommendation-recipients a{color:var(--ink);font-weight:700;text-decoration:none}.recommendation-copy blockquote{border-left:2px solid var(--line);color:var(--ink);font-size:var(--text-md);white-space:pre-wrap;overflow-wrap:anywhere;margin:2px 0 0;padding:8px 12px;line-height:1.5}.recommendation-chip{background:var(--contrast);border-radius:var(--radius-pill);color:var(--on-contrast);font-size:var(--text-xs);letter-spacing:.03em;text-transform:uppercase;margin-left:4px;padding:2px 8px;font-weight:800;display:inline-block}.recommendation-chip.is-watched{background:var(--green);color:var(--white)}.recommendation-actions{flex-wrap:wrap;justify-content:flex-end;align-self:center;align-items:center;gap:8px;display:flex}.recommendation-action{background:var(--surface);border-color:var(--line);min-height:38px;color:var(--ink);font-size:var(--text-xs);gap:7px;padding:0 14px;font-weight:800}.recommendation-action:hover{background:var(--contrast);border-color:var(--contrast);color:var(--on-contrast)}.recommendation-action>span{font-size:var(--text-md);line-height:1;display:inline-flex}.recommendation-action>span svg{width:14px;height:14px}.recommendation-watchlist-action.is-added{border-color:color-mix(in srgb, var(--green) 45%, var(--line));color:var(--green)}@media (max-width:640px){.recommendations-page .recommendations-tabs{scrollbar-width:none;background:0 0;border:0;border-radius:0;gap:0;width:100%;margin:12px 0 0;padding:0;display:flex;overflow-x:auto}.recommendations-page .recommendations-tabs::-webkit-scrollbar{display:none}.recommendations-page .recommendations-tabs a{color:var(--muted);font-size:var(--text-sm);white-space:nowrap;background:0 0;border:0;border-radius:0;flex:none;align-items:center;margin-right:10px;padding:12px 10px 12px 0;font-weight:750;text-decoration:none;display:inline-flex;position:relative}.recommendations-page .recommendations-tabs a.active{color:var(--ink);background:0 0}.recommendations-page .recommendations-tabs a.active:after{content:"";background:var(--profile-accent,var(--acid));border-radius:var(--radius-xs) var(--radius-xs) 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:10px}.recommendation-list,.recommendations-empty{margin-top:14px}.recommendation-card{border-radius:var(--radius-lg);grid-template-columns:72px minmax(0,1fr);gap:16px;min-height:128px;padding:12px}.recommendation-poster{border-radius:var(--radius-sm);width:72px;height:108px}.recommendation-actions{grid-column:1/-1;justify-content:flex-end}}