.quotes-page{--accent-color: var(--hf-lime);--accent-light: var(--hf-lime);--accent-dark: var(--hf-lime);--gradient-start: var(--hf-lime);--gradient-end: var(--hf-lime);min-height:100vh;background:linear-gradient(180deg,var(--hf-page-primary) 0%,var(--hf-page-primary) 50%,var(--hf-page-primary) 100%);padding:80px 20px 20px}.quotes-container{max-width:1400px;margin:0 auto}.breadcrumbs{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:14px}.breadcrumbs a{color:var(--hf-text-secondary);text-decoration:none;transition:color var(--hf-transition)}.breadcrumbs a:hover{color:var(--accent-color)}.breadcrumbs .separator{color:var(--hf-text-disabled)}.breadcrumbs .current{color:var(--hf-white-80)}.quotes-hero{text-align:center;padding:40px 20px 60px;background:linear-gradient(135deg,var(--hf-lime-15) 0%,var(--hf-lime-15) 100%);border-radius:20px;margin-bottom:40px;border:1px solid var(--hf-lime-15)}.quotes-hero h1{font-size:48px;font-weight:800;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.hero-description{font-size:18px;color:var(--hf-text-secondary);max-width:600px;margin:0 auto 32px;line-height:1.6}.hero-stats{display:flex;justify-content:center;gap:48px}.stat{text-align:center}.stat-value{display:block;font-size:32px;font-weight:700;color:var(--accent-color)}.stat-label{font-size:14px;color:var(--hf-text-disabled)}.quotes-search{margin-bottom:40px}.search-input{width:100%;max-width:500px;margin:0 auto;display:block;padding:16px 24px;font-size:16px;background:var(--hf-white-5);border:1px solid var(--hf-white-10);border-radius:12px;color:var(--hf-text-primary);transition:all var(--hf-transition-slow)}.search-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--hf-lime-15)}.search-input::-moz-placeholder{color:var(--hf-text-disabled)}.search-input::placeholder{color:var(--hf-text-disabled)}.quote-categories{margin-bottom:60px}.quote-categories h2{font-size:24px;font-weight:700;color:var(--hf-text-primary);margin-bottom:24px}.categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.category-card{display:flex;align-items:flex-start;gap:16px;padding:20px;background:var(--hf-surface-tertiary);border:1px solid var(--hf-white-10);border-radius:12px;cursor:pointer;transition:all var(--hf-transition-slow);text-align:left}.category-card:hover{background:var(--hf-lime-15);border-color:var(--hf-lime-30);transform:translateY(-2px)}.category-card.active{background:linear-gradient(135deg,var(--hf-lime-15) 0%,var(--hf-lime-15) 100%);border-color:var(--accent-color)}.category-icon{font-size:32px;flex-shrink:0}.category-info h3,.category-info .card-title{font-size:16px;font-weight:600;color:var(--hf-text-primary);margin-bottom:4px}.category-info p{font-size:13px;color:var(--hf-text-secondary);margin-bottom:8px;line-height:1.4}.category-count{font-size:12px;color:var(--accent-color);font-weight:500}.featured-quotes{margin-bottom:60px}.featured-quotes h2{font-size:24px;font-weight:700;color:var(--hf-text-primary);margin-bottom:24px}.quotes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.quote-card{background:var(--hf-surface-tertiary);border:1px solid var(--hf-white-10);border-radius:16px;padding:24px;text-decoration:none;transition:all var(--hf-transition-slow);display:flex;flex-direction:column}.quote-card:hover{background:var(--hf-lime-15);border-color:var(--hf-lime-30);transform:translateY(-4px);box-shadow:0 20px 40px var(--hf-lime-15)}.quote-content{flex:1;position:relative;padding:0 20px;margin-bottom:16px}.quote-mark{font-size:60px;font-family:Georgia,serif;color:var(--accent-color);opacity:.3;line-height:1;position:absolute}.quote-mark:first-child{top:-10px;left:-10px}.quote-mark:last-child{bottom:-30px;right:-10px}.quote-text{font-size:16px;color:var(--hf-white-80);line-height:1.7;font-style:italic;position:relative;z-index:1}.quote-attribution{display:flex;flex-direction:column;gap:4px;padding-top:16px;border-top:1px solid var(--hf-white-10);margin-bottom:12px}.quote-character{font-size:14px;font-weight:600;color:var(--accent-color)}.quote-anime{font-size:13px;color:var(--hf-text-disabled)}.quote-footer{display:flex;justify-content:space-between;align-items:center}.quote-tags{display:flex;gap:6px;flex-wrap:wrap}.quote-tag{font-size:11px;padding:4px 8px;border-radius:4px;background:var(--hf-lime-15);color:var(--hf-lime);text-transform:capitalize}.quote-tag.tag-inspirational{background:#eab30833;color:var(--hf-lime)}.quote-tag.tag-philosophical,.quote-tag.tag-love,.quote-tag.tag-friendship{background:var(--hf-lime-15);color:var(--hf-lime)}.quote-tag.tag-sad{background:#6366f133;color:var(--hf-lime)}.quote-tag.tag-funny{background:var(--hf-lime-15);color:var(--hf-lime)}.quote-likes{font-size:13px;color:var(--hf-text-secondary)}.no-results{text-align:center;padding:60px 20px;background:var(--hf-surface-tertiary);border-radius:12px}.no-results p{color:var(--hf-text-secondary);margin-bottom:16px}.no-results button{padding:10px 24px;background:var(--accent-color);color:var(--hf-text-primary);border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:background .2s}.no-results button:hover{background:var(--accent-dark)}.popular-anime-quotes{margin-bottom:60px}.popular-anime-quotes h2{font-size:24px;font-weight:700;color:var(--hf-text-primary);margin-bottom:24px}.anime-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.anime-quote-card{background:var(--hf-surface-tertiary);border:1px solid var(--hf-white-10);border-radius:16px;padding:24px;text-decoration:none;transition:all var(--hf-transition-slow)}.anime-quote-card:hover{background:var(--hf-lime-15);border-color:var(--hf-lime-30);transform:translateY(-4px)}.anime-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.anime-header h3,.anime-header .card-title{font-size:18px;font-weight:600;color:var(--hf-text-primary)}.anime-count{font-size:13px;color:var(--accent-color);background:var(--hf-lime-15);padding:4px 10px;border-radius:20px}.anime-sample-quote{font-size:14px;color:var(--hf-text-secondary);font-style:italic;line-height:1.6;margin-bottom:16px;padding-left:16px;border-left:3px solid var(--accent-color)}.anime-sample-quote cite{display:block;margin-top:8px;font-style:normal;color:var(--hf-text-disabled);font-size:13px}.view-all{font-size:14px;color:var(--accent-color);font-weight:500}.top-characters{margin-bottom:60px}.top-characters h2{font-size:24px;font-weight:700;color:var(--hf-text-primary);margin-bottom:24px}.characters-list{background:var(--hf-surface-tertiary);border-radius:16px;overflow:hidden}.character-item{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--hf-divider);transition:background .2s}.character-item:last-child{border-bottom:none}.character-item:hover{background:var(--hf-lime-15)}.character-rank{font-size:14px;font-weight:700;color:var(--accent-color);width:30px}.character-icon{font-size:24px}.character-info{flex:1;display:flex;flex-direction:column;gap:2px}.character-name{font-size:15px;font-weight:500;color:var(--hf-text-primary)}.character-anime{font-size:13px;color:var(--hf-text-disabled)}.character-count{font-size:13px;color:var(--hf-text-secondary)}.quotes-cta{text-align:center;padding:60px 40px;background:linear-gradient(135deg,var(--hf-lime-15) 0%,var(--hf-lime-15) 100%);border-radius:20px;margin-bottom:60px;border:1px solid var(--hf-lime-15)}.quotes-cta h2{font-size:28px;font-weight:700;color:var(--hf-text-primary);margin-bottom:12px}.quotes-cta p{font-size:16px;color:var(--hf-text-secondary);margin-bottom:24px}.cta-buttons{display:flex;gap:16px;justify-content:center}.cta-primary{padding:14px 32px;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:var(--hf-text-primary);font-size:16px;font-weight:600;border-radius:10px;text-decoration:none;transition:all var(--hf-transition-slow)}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px var(--hf-lime-30)}.cta-secondary{padding:14px 32px;background:var(--hf-white-10);color:var(--hf-text-primary);font-size:16px;font-weight:600;border-radius:10px;text-decoration:none;transition:all var(--hf-transition-slow)}.cta-secondary:hover{background:var(--hf-white-14)}.internal-links{padding:40px;background:var(--hf-surface-tertiary);border-radius:16px}.internal-links h3{font-size:20px;font-weight:600;color:var(--hf-text-primary);margin-bottom:24px}.link-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.link-group h4{font-size:14px;font-weight:600;color:var(--accent-color);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.link-group a{display:block;color:var(--hf-text-secondary);text-decoration:none;font-size:14px;padding:6px 0;transition:color var(--hf-transition)}.link-group a:hover{color:var(--accent-color)}.skeleton-breadcrumbs{height:20px;width:200px;background:var(--hf-white-5);border-radius:4px;margin-bottom:24px}.skeleton-hero{height:280px;background:var(--hf-white-5);border-radius:20px;margin-bottom:40px}.skeleton-categories{height:200px;background:var(--hf-surface-tertiary);border-radius:12px;margin-bottom:40px}.skeleton-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.skeleton-quote{height:280px;background:var(--hf-white-5);border-radius:16px;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{opacity:.5}50%{opacity:.8}to{opacity:.5}}@media (max-width: 1024px){.categories-grid,.link-groups{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.quotes-hero h1{font-size:32px}.hero-stats{gap:32px}.stat-value{font-size:24px}.categories-grid,.quotes-grid,.anime-grid,.skeleton-grid{grid-template-columns:1fr}.link-groups{grid-template-columns:1fr;gap:24px}.cta-buttons{flex-direction:column;align-items:center}}@media (max-width: 480px){.quotes-page{padding:70px 15px 15px}.quotes-hero{padding:30px 15px 40px}.quotes-hero h1{font-size:28px}.hero-description{font-size:15px}.hero-stats{flex-wrap:wrap;gap:24px}.quote-card{padding:20px}.quote-text{font-size:15px}.quotes-cta{padding:40px 20px}.internal-links{padding:24px}}.section-header-lime,h2.section-title{display:flex;align-items:center;gap:12px;font-size:22px;margin:0 0 20px}.section-header-lime:before,h2.section-title:before{content:"";width:4px;height:26px;background:var(--hf-lime);border-radius:2px;flex-shrink:0}.quotes-page .quotes-answer{margin:0 0 2rem;max-width:840px}.quotes-page .quotes-answer h2{font-size:1.35rem;font-weight:700;margin:0 0 .65rem}.quotes-page .quotes-answer p{font-size:.95rem;line-height:1.75;margin:0;color:var(--hf-text-secondary, #b3b3b3)}.quotes-page .section-count{margin:-.5rem 0 1rem;font-size:.85rem;color:var(--hf-text-disabled, #8c8c8c)}.quotes-page .characters-list .character-item{text-decoration:none;color:inherit}.quotes-page .quotes-faq{margin:2.5rem 0}.quotes-page .quotes-faq h2{font-size:1.35rem;font-weight:700;margin:0 0 1rem}.quotes-page .quotes-faq .faq-item{padding:1rem 0;border-bottom:1px solid var(--hf-border, rgba(255, 255, 255, .08))}.quotes-page .quotes-faq .faq-item h3{font-size:1rem;font-weight:600;margin:0 0 .4rem}.quotes-page .quotes-faq .faq-item p{font-size:.9rem;line-height:1.7;margin:0;color:var(--hf-text-secondary, #b3b3b3)}