:root{--bg: #faf8f5;--bg-card: #ffffff;--bg-sidebar: #f5f3f0;--text: #1a1a1a;--text-muted: #6b6b6b;--secondary: #284b63;--tertiary: #3c6e71;--accent: #284b63;--accent-hover: #3c6e71;--border: #e0dcd5;--highlight: rgba(40, 75, 99, .1);--sidebar-width: 220px;--uiFont: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--contentFont: ui-serif, Georgia, Cambria, "Times New Roman", serif;--codeFont: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0a0a0a;--bg-card: #141414;--bg-sidebar: #0f0f0f;--text: #e0e0e0;--text-muted: #888888;--secondary: #7db8c9;--tertiary: #a8d5e5;--accent: #7db8c9;--accent-hover: #a8d5e5;--border: #2a2a2a;--highlight: rgba(125, 184, 201, .1)}}:root[data-theme=dark]{--bg: #0a0a0a;--bg-card: #141414;--bg-sidebar: #0f0f0f;--text: #e0e0e0;--text-muted: #888888;--secondary: #7db8c9;--tertiary: #a8d5e5;--accent: #7db8c9;--accent-hover: #a8d5e5;--border: #2a2a2a;--highlight: rgba(125, 184, 201, .1)}:root[data-theme=light]{--bg: #faf8f5;--bg-card: #ffffff;--bg-sidebar: #f5f3f0;--text: #1a1a1a;--text-muted: #6b6b6b;--secondary: #284b63;--tertiary: #3c6e71;--accent: #284b63;--accent-hover: #3c6e71;--border: #e0dcd5;--highlight: rgba(40, 75, 99, .1)}*{margin:0;padding:0;box-sizing:border-box}.quote-card,.author-card,.tag-item,.filter-btn,.pagination a,.pagination span,button:not(.remove-fav-btn),input,textarea,select{border-radius:0}.remove-fav-btn{border-radius:50%}html,body{font-family:var(--uiFont);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;font-size:1rem}a{color:var(--accent);text-decoration:none;transition:all .2s ease}a:hover{color:var(--accent-hover)}::selection{background:var(--highlight)}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border);position:fixed;top:0;left:0;height:100vh;display:flex;flex-direction:column;z-index:100;overflow:hidden}.sidebar-header{padding:1.25rem 1rem;border-bottom:1px solid var(--border)}.logo{font-size:1.1rem;font-weight:600;color:var(--text);display:flex;align-items:center;gap:.4rem;letter-spacing:-.02em;white-space:nowrap}.logo:hover{color:var(--accent)}.sidebar-nav{flex:1;overflow-y:auto;padding:.75rem 0}.nav-section{margin-bottom:1rem}.nav-label{display:block;padding:.4rem 1rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600}.nav-item{display:flex;align-items:center;gap:.6rem;padding:.5rem 1rem;color:var(--text-muted);font-size:.85rem;font-weight:400;transition:all .2s ease;border-left:2px solid transparent;opacity:.8;white-space:nowrap}.nav-item:hover{color:var(--text);opacity:1;transform:translate(2px)}.nav-item.active{color:var(--accent);opacity:1;border-left-color:var(--accent);background:var(--highlight)}.nav-icon{font-size:.95rem;width:18px;text-align:center;flex-shrink:0}.sidebar-footer{padding:.75rem 1rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.theme-toggle{background:none;border:1px solid var(--border);cursor:pointer;padding:.35rem .5rem;font-size:.9rem;line-height:1;transition:all .2s ease;color:var(--text-muted)}.theme-toggle:hover{border-color:var(--accent)}.garden-link{display:flex;align-items:center;gap:.4rem;color:var(--text-muted);font-size:.75rem;opacity:.7;transition:all .2s ease;white-space:nowrap}.garden-link:hover{color:var(--accent);opacity:1}.main-content{flex:1;margin-left:var(--sidebar-width);padding:2.5rem 2rem;min-height:100vh}.main-content>header,.main-content>.quotes-grid,.main-content>.pagination,.main-content>.mood-grid,.main-content>.shuffle-container,.main-content>.shuffle-actions,.main-content>.daily-quote,.main-content>.more-section,.main-content>.search-container,.main-content>#results,.main-content>#no-results,.main-content>.author-grid,.main-content>.tag-cloud,.main-content>.result-count,.main-content>.coming-soon,.main-content>article,.main-content>section,.main-content>.back-nav,.main-content>nav.filters,.main-content>p{max-width:720px;margin-left:auto;margin-right:auto}header{margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}header h1{font-family:var(--uiFont);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;text-transform:uppercase;margin-bottom:.2rem}header h1 a{color:var(--text)}header p{color:var(--text-muted);font-size:.9rem}.quotes-grid{display:flex;flex-direction:column;gap:1.25rem}.quote-card{background:var(--bg-card);border:1px solid var(--border);padding:1.5rem;transition:all .2s ease}.quote-card:hover{border-color:var(--accent);transform:translate(2px)}.quote-text{font-family:var(--contentFont);font-size:1.25rem;font-style:normal;font-weight:300;line-height:1.7;margin-bottom:1.25rem;letter-spacing:-.003em}.quote-link{color:inherit;text-decoration:none;display:block}.quote-link:hover .quote-text{color:var(--accent)}.quote-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.quote-author{font-family:var(--uiFont);color:var(--accent);font-weight:500;font-size:.9rem}.quote-book{color:var(--text-muted);font-size:.8rem}.quote-likes{color:var(--text-muted);font-size:.75rem}.quote-actions{display:flex;align-items:center;gap:.6rem}.quote-share-link{color:var(--text-muted);font-size:.9rem;opacity:0;transition:all .2s ease}.quote-card:hover .quote-share-link{opacity:.6}.quote-share-link:hover{opacity:1;color:var(--accent)}.quote-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.875rem}.tag{background:var(--highlight);color:var(--text-muted);padding:.15rem .5rem;font-size:.65rem;font-family:var(--uiFont);text-transform:uppercase;letter-spacing:.04em;transition:all .2s ease;border:1px solid transparent}.tag:hover{border-color:var(--accent);color:var(--accent)}.pagination{display:flex;justify-content:center;gap:.4rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.pagination a,.pagination span{padding:.4rem .8rem;border:1px solid var(--border);font-size:.8rem;transition:all .2s ease}.pagination a:hover{border-color:var(--accent);color:var(--accent)}.pagination .current{background:var(--accent);color:var(--bg);border-color:var(--accent)}.author-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.6rem}.author-card{display:flex;justify-content:space-between;align-items:center;padding:.75rem .875rem;background:var(--bg-card);border:1px solid var(--border);transition:all .2s ease}.author-card:hover{border-color:var(--accent);transform:translate(2px)}.author-name{color:var(--text);font-size:.85rem}.author-count{color:var(--text-muted);font-size:.75rem}.tag-cloud{display:flex;flex-wrap:wrap;gap:.4rem}.tag-item{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;background:var(--bg-card);border:1px solid var(--border);color:var(--text);font-size:.8rem;transition:all .2s ease}.tag-item:hover{border-color:var(--accent);color:var(--accent);transform:translate(2px)}.tag-count{color:var(--text-muted);font-size:.65rem}.result-count{color:var(--text-muted);margin-bottom:1.25rem;font-size:.85rem}.more-hint{text-align:center;color:var(--text-muted);margin-top:1.5rem;font-size:.85rem}.filters{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem}.filter-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text);padding:.35rem .7rem;cursor:pointer;font-size:.75rem;font-family:var(--uiFont);transition:all .2s ease}.filter-btn:hover,.filter-btn.active{border-color:var(--accent);color:var(--accent)}.back-link{display:inline-block;margin-bottom:1.5rem;color:var(--text-muted);font-size:.85rem}.back-link:hover{color:var(--accent)}.fav-counter{display:none;align-items:center;justify-content:center;background:#e25555;color:#fff;font-size:.65rem;font-weight:600;min-width:1rem;height:1rem;border-radius:50%;margin-left:.4rem;padding:0 .25rem}.mobile-nav{display:none;position:fixed;top:0;left:0;right:0;background:var(--bg-sidebar);border-bottom:1px solid var(--border);padding:.4rem .2rem;z-index:100}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.35rem;color:var(--text-muted);font-size:.6rem;flex:1;text-transform:uppercase;letter-spacing:.02em}.mobile-nav-item span:first-child{font-size:1rem}.mobile-nav-item.active{color:var(--accent)}@media (max-width: 900px){.sidebar{display:none}.main-content{margin-left:0;padding:4.5rem 1rem 1.25rem}.main-content>*{max-width:100%!important}.mobile-nav{display:flex}header h1{font-size:1.25rem}.quote-text{font-size:1rem}.quote-card{padding:1.1rem}}