.preview-essay-card{border:1px solid hsl(var(--border));border-radius:.75rem;overflow:hidden;transition:box-shadow .15s ease,border-color .15s ease}.preview-essay-card:hover{border-color:hsl(var(--primary)/.4);box-shadow:0 4px 12px hsl(var(--foreground)/.06)}.preview-essay-card__link{display:block;text-decoration:none;color:inherit}.preview-essay-card__thumbnail{position:relative;display:flex;align-items:center;justify-content:center;height:8rem;overflow:hidden;background:linear-gradient(135deg,hsl(var(--muted)) 0,hsl(var(--muted)/.5) 100%)}.preview-essay-card__image{object-fit:cover}.preview-essay-card__score-badge{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-size:1.125rem;font-weight:700;font-variant-numeric:tabular-nums}.preview-essay-card__score-badge--overlay{position:absolute;bottom:.5rem;right:.5rem;width:2.75rem;height:2.75rem;font-size:.8125rem;box-shadow:0 1px 4px hsl(var(--foreground)/.35)}.preview-essay-card__body{padding:1rem 1.25rem 1.25rem}.preview-essay-card__title{font-size:.9375rem;font-weight:600;line-height:1.4;margin:0 0 .375rem}.preview-essay-card__meta{font-size:.8125rem;color:hsl(var(--muted-foreground));margin:0 0 .5rem;line-height:1.4}.preview-essay-card__tags{font-size:.75rem}.preview-essay-card__tags,.preview-essay-detail .preview-essay-breadcrumbs a{color:hsl(var(--muted-foreground))}.preview-essay-detail .preview-essay-breadcrumbs a:hover{color:hsl(var(--foreground))}.preview-essay-library-main{min-height:60vh}.preview-add-essays-button{flex-shrink:0;align-self:flex-start;padding:.5rem 1.125rem;border-radius:9999px;background:var(--preview-primary);color:white;font-size:.875rem;font-weight:700;box-shadow:0 4px 0 color-mix(in oklch,var(--preview-primary) 62%,#1a1028),0 6px 14px color-mix(in oklch,var(--preview-primary) 28%,transparent);transform:translateY(0);transition:transform 90ms ease,box-shadow 90ms ease,background-color .12s ease}.preview-add-essays-button:hover{background:color-mix(in oklch,var(--preview-primary) 90%,white)}.preview-add-essays-button:active{transform:translateY(3px);box-shadow:0 1px 0 color-mix(in oklch,var(--preview-primary) 62%,#1a1028),0 2px 6px color-mix(in oklch,var(--preview-primary) 22%,transparent)}.preview-add-essays-button:focus-visible{outline:2px solid var(--preview-primary);outline-offset:3px}@media (prefers-reduced-motion:reduce){.preview-add-essays-button{transition:none}}