.title-row{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:12px;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);transition:border-color var(--transition-fast),background var(--transition-fast)}.title-row:hover{border-color:var(--color-primary);background:var(--color-surface-hover)}.title-row__poster{flex:0 0 44px;width:44px;aspect-ratio:2/3;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-bg-tertiary)}.title-row__img{display:block;width:100%;height:100%;object-fit:cover}.title-row__poster-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.1rem;font-weight:700;color:var(--color-text-muted)}.title-row__body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:4px}.title-row__title{font-size:.98rem;font-weight:700;line-height:1.3;color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.title-row__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.78rem;color:var(--color-text-secondary)}.title-row__dot{color:var(--color-border-hover);margin-right:4px}.title-row__desc{margin-top:2px;font-size:.8rem;line-height:1.45;color:var(--color-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.title-row__genres{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.title-row__genre{font-size:.68rem;padding:2px 8px;border-radius:var(--radius-sm);background:var(--color-primary-light);color:var(--color-accent)}.title-row__score{flex:0 0 auto;display:flex;align-items:center;gap:3px;font-size:.9rem;color:var(--color-success)}.title-row__score b{font-weight:700}.title-row__star{width:13px;height:13px;fill:currentColor}.title-row--skeleton{pointer-events:none}.title-row--skeleton .title-row__line,.title-row--skeleton .title-row__poster{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-surface-hover) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px}.title-row--skeleton .title-row__line{height:12px;width:70%}.title-row--skeleton .title-row__line--short{width:45%}@media (max-width:640px){.title-row{gap:12px;padding:10px}.title-row__poster{flex-basis:40px;width:40px}.title-row__desc,.title-row__genre:nth-child(n+3){display:none}}@media (prefers-reduced-motion:reduce){.title-row{transition:none}.title-row--skeleton .title-row__line,.title-row--skeleton .title-row__poster{animation:none}}.title-row--select{position:relative}.title-row__hit{display:flex;align-items:flex-start;gap:var(--spacing-md);width:100%;padding:0;font:inherit;color:inherit;text-align:left;background:none;border:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.title-row__hit:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-lg)}.title-row--selected{border-color:var(--color-primary);background:var(--color-primary-light)}.title-row__picked{flex:0 0 auto;display:grid;place-items:center;width:26px;height:26px;align-self:center;border-radius:50%;background:var(--color-primary);box-shadow:var(--shadow-glow)}.title-row__picked svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}@media (prefers-reduced-motion:reduce){.title-row--select{transition:none}}