:root{--bg-primary:#f8f9fa;--bg-secondary:#ffffff;--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--text-muted:#6c757d;--accent:#d4a373;--accent-hover:#b98a5e;--accent-text:#81654b;--border-subtle:#e9ecef;--font-serif:"Playfair Display",serif;--font-sans:"Inter",sans-serif;--container-width:1200px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;display:flex;flex-direction:column;min-height:100vh}.container{max-width:var(--container-width);margin:0 auto;padding:0 1.5rem}a{text-decoration:none;color:inherit;transition:color .2s}a:hover{color:var(--accent-text)}.site-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);padding:1.5rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.site-header .container{display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-serif);font-size:1.75rem;font-weight:700;color:var(--text-primary)}.logo span{color:var(--accent)}.main-nav{display:flex;align-items:center;gap:2rem}.main-nav a{font-weight:500;font-size:1rem;color:var(--text-secondary)}.main-nav a.active{color:var(--accent)}.site-content{flex:1 1;padding:3rem 0}.quote-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;padding:2.5rem;margin-bottom:2rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.05);transition:transform .2s,box-shadow .2s}.quote-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.quote-content{font-family:var(--font-serif);font-size:1.5rem;font-style:italic;color:var(--text-primary);margin-bottom:1.5rem;display:block}.quote-meta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-subtle);padding-top:1rem}.quote-author{font-weight:600;color:var(--text-secondary)}.quote-link{font-size:.9rem;color:var(--accent-text);font-weight:500}.site-footer{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);padding:2rem 0;margin-top:auto;font-size:.9rem;color:var(--text-muted)}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-links{display:flex;gap:1.5rem}@media (max-width:768px){.logo-text{display:none}}.quote-detail-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem;align-items:start;margin-top:2rem}.quote-text-panel{display:flex;flex-direction:column;justify-content:center}.quote-image-panel{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px -5px rgba(0,0,0,.1);background:var(--border-subtle);aspect-ratio:1}.quote-image-panel img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width:900px){.quote-detail-grid{grid-template-columns:1fr;gap:2rem}.quote-image-panel{order:-1;order:1}}.featured-quote{display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem;align-items:center;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:12px;padding:3rem;margin-bottom:3rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.05)}.featured-quote .quote-content{font-size:1.8rem;line-height:1.4;margin-bottom:1.5rem}.featured-image-panel{border-radius:8px;overflow:hidden;box-shadow:0 10px 25px -5px rgba(0,0,0,.1);background:var(--border-subtle);aspect-ratio:1}.featured-image-panel img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width:900px){.featured-quote{grid-template-columns:1fr;gap:2rem;padding:2rem}.featured-image-panel{order:-1}}.related-quotes-section{margin-top:5rem;padding-top:3rem;border-top:1px solid var(--border-subtle)}.related-quotes-section h2{font-family:var(--font-serif);font-size:1.75rem;margin-bottom:2rem;color:var(--text-primary)}.related-quotes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.mini-quote-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s;text-decoration:none;height:100%}.mini-quote-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.05)}.mini-quote-content{font-family:var(--font-serif);font-style:italic;color:var(--text-primary);font-size:1.1rem;line-height:1.4;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;line-clamp:4;overflow:hidden}.search-form{display:flex;align-items:center;background:#f1f3f5;border-radius:20px;padding:0 8px 0 16px;margin-right:1.5rem;transition:background .2s,box-shadow .2s;border:1px solid transparent;height:40px}.search-form:focus-within{background:#fff;box-shadow:0 0 0 3px rgba(212,163,115,.2);border-color:var(--accent)}.search-form input{border:none;background:transparent;padding:.5rem 0;font-size:.9rem;color:var(--text-primary);width:200px;outline:none}.search-form button{border:none;background:transparent;color:var(--text-muted);padding:.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:color .2s,background .2s}.search-form button:hover{color:var(--accent);background:rgba(212,163,115,.1)}.search-dropdown{position:absolute;top:calc(100% + 10px);left:0;right:0;background:white;border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.1);z-index:1000;overflow:hidden;max-height:400px;overflow-y:auto}.dropdown-item{display:block;padding:1rem;border-bottom:1px solid var(--border-subtle);transition:background .2s}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#f8f9fa;color:inherit}.dropdown-item .item-text{font-family:var(--font-serif);font-style:italic;font-size:.95rem;color:var(--text-primary);margin-bottom:.25rem}.dropdown-item .item-author{font-size:.8rem;color:var(--text-muted);font-weight:600}@media (max-width:768px){.search-form{margin-right:0;margin-bottom:0;flex:1 1}.search-form input{width:100%;min-width:120px}}.mini-quote-author{font-size:.85rem;font-weight:600;color:var(--text-secondary);border-top:1px solid var(--border-subtle);padding-top:.75rem}.pagination{display:flex;justify-content:center;gap:.5rem;margin:4rem 0 2rem}.page-link{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.9rem;transition:all .2s;background:var(--bg-secondary)}.page-link:hover{border-color:var(--accent);color:var(--accent);background:rgba(212,163,115,.05)}.page-link.active{background:var(--accent);color:white;border-color:var(--accent)}.share-actions{margin-top:2rem;display:flex;gap:1.2rem;justify-content:center;flex-wrap:wrap;padding:1rem;border-top:1px solid var(--border-subtle)}.btn-favorite,.share-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;padding:0}.btn-favorite:hover,.share-btn:hover{background:var(--text-primary);color:white;border-color:var(--text-primary);transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.btn-favorite.active{background:#e63946;color:white;border-color:#e63946}.btn-favorite svg,.share-btn svg{width:20px;height:20px;fill:currentColor}@media (max-width:900px){.search-results-grid{grid-template-columns:1fr!important}.search-sidebar{order:-1;background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:2rem}}