.card-tile{display:flex;flex-direction:column;gap:var(--space-2);background:hsla(0,0%,100%,.15);border:.25px solid var(--color-background-dark);border-radius:var(--radius-lg);padding:var(--space-2);cursor:pointer;transition:background-color .35s ease;min-width:0;text-decoration:none}.card-tile:hover{background:hsla(0,0%,100%,.35)}.card-tile__thumbnail{position:relative;flex-shrink:0;background-color:var(--color-accent);border-radius:var(--radius-md);width:100%;aspect-ratio:1/1;overflow:hidden}.card-tile__info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1}.card-tile__title-row{display:flex;align-items:center;gap:var(--space-2)}.card-tile__title{flex:1;font-size:1.25rem;font-weight:var(--font-bold);margin:0 0 -4px;min-width:0}.card-tile__subtitle,.card-tile__title{font-family:var(--font-sans);color:var(--color-accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .35s ease}.card-tile__subtitle{font-size:1rem;margin:0;opacity:.8}.card-tile__meta{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-2)}.card-tile__date{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-accent);opacity:.6;transition:color .35s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-tile__stats{display:flex;align-items:center;gap:var(--space-3);padding-right:2px}.card-tile__stat{display:flex;align-items:center;gap:var(--space-1);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-accent);opacity:.6;transition:color .35s ease}.card-tile__stat--liked,.card-tile__stat--viewed{opacity:1}.card-tile__stat-number{margin-bottom:-2px}.card-tile__viewed-check{margin-right:-2px}.card-chip{position:relative;display:flex;height:35px;align-items:center;justify-content:space-between;gap:var(--space-3);background:hsla(0,0%,100%,.15);border:.25px solid var(--color-background-dark);border-radius:var(--radius-lg);padding:var(--space-2);cursor:pointer;transition:background-color .35s ease;min-width:0;text-decoration:none;overflow:hidden}@media(min-width:768px){.card-chip{padding-left:35px}}.card-chip:hover{background:hsla(0,0%,100%,.35)}.card-chip__thumbnail{display:none}@media(min-width:768px){.card-chip__thumbnail{display:block;position:absolute;left:0;top:0;width:35px;height:35px;flex-shrink:0;background-color:var(--color-accent);border-radius:0;overflow:hidden}}.card-chip__info{display:flex;flex-direction:column;justify-content:center;min-width:0}.card-chip__title{font-family:var(--font-sans);font-size:1.25rem;font-weight:var(--font-bold);color:var(--color-accent);margin:0 0 -4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .35s ease}@media(min-width:768px){.card-chip__title{margin-left:var(--space-2)}}.card-chip__meta{margin-left:auto;flex-shrink:0}.card-chip__meta .copy-link-button{margin-right:-4px}.card-chip__date{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-accent);opacity:.6;transition:color .35s ease;white-space:nowrap;margin-bottom:-2px}.card-chip__date--mobile{display:block}@media(min-width:768px){.card-chip__date--mobile{display:none}}.card-chip__date--tablet{display:none}@media(min-width:768px){.card-chip__date--tablet{display:block}}.card-chip__stat{display:flex;align-items:center;gap:var(--space-1);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-accent);opacity:.6;transition:color .35s ease;margin-bottom:-2px}.card-chip__stat--liked,.card-chip__stat--viewed{opacity:1}.card-chip__stat-number{margin-bottom:-2px}.card-chip__viewed-check{margin-right:-2px}