.quote-list-page{max-width:1000px;margin:3rem auto;padding:0 1rem;font-family:var(--font-family);color:var(--text-primary)}.quote-list-header{text-align:center;margin-bottom:2rem}.quote-list-header h1{font-size:2rem;color:var(--text-primary);margin-bottom:.25rem}.quote-list-header p{color:var(--text-secondary)}.quote-filters{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-bottom:1rem}.filter-btn{background:0 0;border:1px solid var(--border-color);color:var(--text-secondary);padding:.35rem .75rem;border-radius:999px;cursor:pointer}.filter-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.quotes-grid{column-count:1;column-gap:1rem}@media(min-width:640px){.quotes-grid{column-count:2}}@media(min-width:1000px){.quotes-grid{column-count:3}}.quote-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-sm);display:inline-block;width:100%;margin-bottom:1rem;break-inside:avoid}.quote-content{font-size:1rem;color:var(--text-secondary);line-height:1.6}.quote-content p{margin-bottom:1rem}.quote-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.quote-author{font-weight:600;color:var(--text-primary)}.quote-copy{background:var(--accent-primary);color:#fff;border:none;padding:.4rem .75rem;border-radius:6px;cursor:pointer}.quote-copy:hover{background:var(--accent-secondary)}.quote-hidden{position:absolute;left:-9999px;top:auto;width:0;height:0;opacity:0}.quote-meta{display:flex;justify-content:space-between;align-items:flex-end;margin-top:var(--space-4)}.quote-author{font-style:italic;color:var(--text-primary)}.quote-date{font-size:.65rem;color:var(--text-secondary);margin-top:var(--space-1)}.quote-copy{background:0 0;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem;padding:var(--space-2);border-radius:var(--radius-md);transition:background-color var(--transition-fast),color var(--transition-fast)}.quote-copy:hover{background-color:var(--hover-bg);color:var(--text-primary)}@media(max-width:480px){.quote-list-page{padding:0 .5rem}.quote-copy{padding:.3rem .5rem}}