*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.6;color:#1a1a1a;background:#f8fafc}.container{max-width:800px;margin:0 auto;padding:15px}header{background:#1e293b;color:white;padding:20px 0;text-align:center;margin-bottom:20px;width:100%}header h1{font-size:1.8rem;font-weight:700;margin-bottom:8px}header p{font-size:0.9rem;color:#94a3b8}nav{background:white;padding:12px 0;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}nav ul{list-style:none;display:flex;justify-content:center;gap:15px;flex-wrap:wrap}nav a{text-decoration:none;color:#475569;padding:8px 16px;border-radius:6px;font-weight:600;font-size:0.9rem;transition:all 0.2s ease}nav a:hover{background:#3b82f6;color:white}.quote-card{background:white;border-radius:16px;padding:40px;margin-bottom:30px;box-shadow:0 8px 25px rgba(0,0,0,0.1);border:1px solid #e2e8f0;text-align:center;position:relative;transition:transform 0.2s ease}.quote-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(0,0,0,0.15)}.quote-text{font-size:2rem;font-weight:300;line-height:1.3;color:#1e293b;margin-bottom:30px;font-style:italic;text-align:center}.quote-author{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:20px}.author-photo{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid #3b82f6;box-shadow:0 4px 15px rgba(59,130,246,0.3)}.author-name{font-size:1.3rem;font-weight:700;color:#1e293b;text-decoration:none;transition:color 0.2s ease}.author-name:hover{color:#3b82f6}.quote-source{color:#64748b;font-size:1rem;font-style:italic;margin-bottom:25px}.read-more{display:inline-block;background:#3b82f6;color:white;padding:15px 30px;border-radius:25px;text-decoration:none;font-weight:600;transition:all 0.2s ease;box-shadow:0 4px 15px rgba(59,130,246,0.3)}.read-more:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,130,246,0.4)}.author-card{background:white;border-radius:12px;padding:25px;margin-bottom:20px;box-shadow:0 4px 6px rgba(0,0,0,0.1);border:1px solid #e2e8f0;display:flex;align-items:center;gap:20px;transition:transform 0.2s ease}.author-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.15)}.author-info h3{color:#1e293b;font-size:1.2rem;margin-bottom:8px;font-weight:700}.author-info a{color:inherit;text-decoration:none;transition:color 0.2s ease}.author-info a:hover{color:#3b82f6}.author-info p{color:#64748b;font-size:0.9rem;margin-bottom:5px}.author-bio{background:white;border-radius:16px;padding:40px;margin-bottom:30px;box-shadow:0 8px 25px rgba(0,0,0,0.1);border:1px solid #e2e8f0}.author-bio h1{color:#1e293b;font-size:2rem;margin-bottom:15px;font-weight:700}.author-tagline{font-size:1.1rem;color:#3b82f6;font-style:italic;margin-bottom:20px;font-weight:500}.author-years{color:#64748b;font-size:1rem;margin-bottom:20px;font-weight:500}.author-tags{margin-top:20px}.tag{background:#3b82f6;color:white;padding:6px 12px;border-radius:15px;font-size:0.8rem;margin-right:8px;margin-bottom:8px;display:inline-block;font-weight:500}.quote-detail{background:white;border-radius:16px;padding:50px;box-shadow:0 8px 25px rgba(0,0,0,0.1);border:1px solid #e2e8f0}.quote-detail .quote-text{font-size:2.5rem;margin-bottom:40px}.quote-context,.quote-explanation{margin-top:30px;padding-top:30px;border-top:1px solid #e2e8f0}.quote-context h3,.quote-explanation h3{color:#1e293b;font-size:1.2rem;margin-bottom:15px;font-weight:700}.back-link{text-align:center;margin-top:30px}.back-link a{color:#1e293b;text-decoration:none;font-weight:600;background:#f1f5f9;padding:12px 24px;border-radius:8px;transition:all 0.2s ease;display:inline-block}.back-link a:hover{background:#3b82f6;color:white}.pagination{text-align:center;margin:40px 0}.pagination a,.pagination span{padding:10px 16px;margin:0 4px;text-decoration:none;border:1px solid #e2e8f0;color:#475569;border-radius:6px;transition:all 0.2s ease;font-weight:600;font-size:0.9rem}.pagination a:hover{background:#3b82f6;color:white;border-color:#3b82f6}.pagination .current{background:#3b82f6;color:white;border-color:#3b82f6}.empty-state{text-align:center;padding:60px 20px;color:#64748b;background:white;border-radius:16px;box-shadow:0 4px 6px rgba(0,0,0,0.1);border:1px solid #e2e8f0}.empty-state h2{font-size:1.5rem;margin-bottom:15px;color:#1e293b;font-weight:700}footer{background:#1e293b;color:white;text-align:center;padding:25px 0;margin-top:50px}footer p{color:#94a3b8;font-size:0.9rem}@media (min-width:768px){.container{padding:20px}header{padding:25px 0;margin-bottom:30px}header h1{font-size:2.5rem}header p{font-size:1.1rem}nav{padding:15px 0;margin-bottom:30px}nav ul{gap:30px}nav a{padding:12px 24px;font-size:1rem}.quote-text{font-size:2.2rem;margin-bottom:35px}.quote-detail .quote-text{font-size:2.8rem;margin-bottom:50px}.quote-card{padding:50px;margin-bottom:40px}.quote-detail{padding:60px}.author-card{padding:30px;margin-bottom:25px}.author-bio{padding:50px;margin-bottom:40px}.author-bio h1{font-size:2.2rem}.pagination{margin:50px 0}.empty-state{padding:80px 20px}.empty-state h2{font-size:2rem}}