@import"https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #F8F6F1;--bg-card: #FFFFFF;--bg-surface: #F0EDE6;--accent: #9B4D5A;--accent-hover: #834250;--text: #2D2A26;--text-secondary: #6B665E;--text-dim: #9A958D;--border: #E2DED6;--border-hover: #CBC6BC;--tag-bg: #EDEAE3;--pill-bg: #F5E6EA;--pill-border: #E8CDD4;--pill-text: #8B3A50;--star: #C4962C;--spice: #C45A3A;--lover: #9B4D5A;--enemy: #C45A3A}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;font-weight:400;line-height:1.6;min-height:100vh;padding-bottom:60px}nav{position:sticky;top:0;z-index:100;background:#f8f6f1f2;backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:64px}.nav-logo{font-family:Libre Baskerville,serif;font-size:1.2rem;color:var(--text);cursor:pointer;letter-spacing:.01em;font-weight:700;text-decoration:none}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.85rem;font-weight:400;cursor:pointer;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-links a.active{color:var(--text);font-weight:500}.hero{background:#fff;margin-bottom:2.5rem;display:flex;align-items:stretch;overflow:hidden}.hero-wall{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:1fr 1fr;grid-auto-flow:column;gap:3px;flex:1;min-width:0;background:#3a3530;overflow:hidden}.hero-wall img,.hero-wall .hero-book-placeholder{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:0}.hero-book-placeholder{display:flex;align-items:center;justify-content:center;padding:8px;text-align:center;font-family:Libre Baskerville,serif;font-size:.7rem;font-weight:700;color:#ffffffe6;line-height:1.3;border-radius:0}.hero-text{text-align:center;padding:2.5rem 2rem;flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:340px;max-width:480px}.hero h1{font-family:Libre Baskerville,serif;font-size:2.5rem;color:var(--text);margin-bottom:.75rem;font-weight:400}.hero p{color:var(--text-secondary);max-width:440px;margin:0 auto .75rem;font-size:1rem;line-height:1.6}.hero p:last-child{margin-bottom:0}.hero-cta{display:inline-block;background:var(--accent);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .2s;text-decoration:none}.hero-cta:hover{background:var(--accent-hover)}.genre-pills-row{display:flex;flex-wrap:nowrap;gap:.25rem;border-bottom:1px solid var(--border);padding-bottom:.5rem;margin-bottom:1.5rem}.genre-pill{padding:.5rem 1.25rem;border-radius:6px;background:transparent;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s;border:none;border-bottom:2px solid transparent;font-weight:500}.genre-pill:hover{color:var(--text);border-bottom-color:var(--border-hover)}.genre-pill.active{color:var(--accent);border-bottom-color:var(--accent)}.category-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.category-tab{padding:.35rem .9rem;border-radius:20px;background:#f0ebe0;color:#7b6530;font-size:.75rem;cursor:pointer;transition:all .2s;border:1px solid #E3DBCA;font-weight:400}.category-tab:hover{background:#e3dbca;color:#5a4a20;border-color:#7b6530}.category-tab.active{background:#7b6530;color:#fff;border-color:#7b6530}.category-tab[data-category=all],.category-tab[data-micro-cat=all]{background:#ebebeb;color:#666;border-color:#dadada}.category-tab[data-category=all]:hover,.category-tab[data-micro-cat=all]:hover{background:#dadada;color:#444;border-color:#999}.category-tab[data-category=all].active,.category-tab[data-micro-cat=all].active{background:#666;color:#fff;border-color:#666}.browse-heading{font-family:Libre Baskerville,serif;font-size:1.5rem;color:var(--text);font-weight:400;margin-bottom:1.5rem}.browse-subtext{font-size:.9rem;color:var(--text-secondary);margin-top:-.75rem;margin-bottom:1.5rem;line-height:1.5}.genre-cards{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem}.genre-browse-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.6rem 1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000a;display:flex;align-items:baseline;gap:.4rem;text-decoration:none;flex:0 1 auto}.genre-browse-card:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.genre-browse-name{font-size:.85rem;font-weight:600;color:var(--text)}.genre-browse-count{font-size:.72rem;color:var(--text-dim)}.micro-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin:0 auto;padding:0 0 3rem}.micro-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.85rem 1rem;box-shadow:0 1px 3px #0000000a}.micro-card-name{font-family:Libre Baskerville,serif;font-size:.85rem;font-weight:700;color:var(--text);text-decoration:none;display:block;margin-bottom:.5rem}.micro-card-name:hover{color:var(--accent)}.micro-card-pills{display:flex;flex-wrap:wrap;gap:.35rem}.micro-browse-pill{padding:.3rem .7rem;border-radius:16px;font-size:.75rem;text-decoration:none;transition:all .2s;border:1px solid #DDD0E8;background:#ede5f3;color:#6b4080}.micro-browse-pill:hover{background:#ddd0e8;color:#5a3570;border-color:#6b4080}.trope-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin:0 auto;padding:0 0 3rem}.trope-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.85rem 1rem;cursor:pointer;transition:all .2s ease;position:relative;overflow:visible;box-shadow:0 1px 3px #0000000a;text-decoration:none;display:block}.trope-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.trope-card-name{font-family:Libre Baskerville,serif;font-size:.85rem;font-weight:700;color:var(--text);margin-bottom:.2rem;line-height:1.3}.trope-card-count{font-size:.72rem;color:var(--text-dim);margin-bottom:.65rem}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.25rem}.book-card{cursor:pointer;transition:transform .2s ease;text-decoration:none;display:block}.book-card:hover{transform:translateY(-4px)}.book-card:hover .book-cover{box-shadow:0 8px 24px #00000026}.book-cover{width:100%;aspect-ratio:2/3;background:var(--tag-bg);border-radius:6px;overflow:hidden;margin-bottom:.75rem;border:none;position:relative;box-shadow:0 2px 8px #0000001a;transition:box-shadow .2s}.book-cover img{width:100%;height:100%;object-fit:cover}.book-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:Libre Baskerville,serif;font-size:.9rem;color:var(--text-dim);text-align:center;padding:1rem;background:var(--tag-bg)}.book-spice{position:absolute;bottom:6px;right:6px;background:#ffffffe6;padding:.15rem .45rem;border-radius:4px;font-size:.65rem;letter-spacing:1px;backdrop-filter:blur(4px)}.book-rating{position:absolute;top:6px;left:6px;background:#ffffffeb;padding:.15rem .5rem;border-radius:4px;font-size:.72rem;color:var(--text);display:flex;align-items:center;gap:.25rem;backdrop-filter:blur(4px)}.book-title{font-family:Libre Baskerville,serif;font-size:.9rem;font-weight:400;color:var(--text);line-height:1.3;margin-bottom:.2rem}.book-author{font-size:.78rem;color:var(--text-dim)}.book-detail{max-width:960px;margin:0 auto;padding:2.5rem}.book-detail-layout{display:grid;grid-template-columns:260px 1fr;gap:3rem;margin-bottom:3rem}.book-detail-cover{width:100%;aspect-ratio:2/3;border-radius:6px;overflow:hidden;border:none;box-shadow:0 8px 32px #00000026}.book-detail-cover img{width:100%;height:100%;object-fit:cover}.book-detail-info h1{font-family:Libre Baskerville,serif;font-size:1.6rem;color:var(--text);font-weight:400;margin-bottom:.25rem}.book-detail-author{font-size:1rem;color:var(--text-secondary);margin-bottom:.25rem}.book-detail-series{font-size:.85rem;color:var(--text-dim);margin-bottom:.75rem}.book-detail-rating{display:flex;align-items:center;margin-bottom:1rem}.book-detail-spice{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem}.spice-label{font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.spice-flames{font-size:1.1rem;letter-spacing:2px}.book-detail-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem;max-width:560px}.book-tropes-section{margin-bottom:1.5rem}.book-tropes-label{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.6rem;font-weight:500}.book-trope-tags{display:flex;flex-wrap:wrap;gap:.4rem}.book-trope-tag{padding:.3rem .7rem;border-radius:16px;font-size:.75rem;cursor:pointer;transition:all .2s;border:1px solid var(--border);background:var(--tag-bg);color:var(--text-secondary);text-decoration:none}.book-trope-tag.relationship{background:#f5e6ea;color:#8b3a50;border-color:#e8cdd4}.book-trope-tag.character{background:#ede5f3;color:#6b4080;border-color:#ddd0e8}.book-trope-tag.setting{background:#e5ecf3;color:#3a5a7b;border-color:#d0dbe8}.book-trope-tag.vibe{background:#f3e5e8;color:#9b4d5a;border-color:#e8d0d5}.book-trope-tag.moment{background:#f0e8e5;color:#8b5a3a;border-color:#e3d6cf}.book-trope-tag:hover{filter:brightness(.96)}.buy-section{margin-top:1.75rem}.buy-label{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.6rem;font-weight:500}.buy-buttons{display:flex;gap:.6rem;flex-wrap:wrap}.buy-btn{padding:.6rem 1.4rem;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;font-family:inherit}.buy-btn.primary{background:var(--accent);color:#fff;border:none}.buy-btn.primary:hover{background:var(--accent-hover)}.buy-btn.secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.buy-btn.secondary:hover{border-color:var(--border-hover);color:var(--text)}.breadcrumb{font-size:.8rem;color:var(--text-dim);margin-bottom:1rem}.breadcrumb a{color:var(--text-secondary);text-decoration:none}.breadcrumb a:hover{color:var(--text);text-decoration:underline}.filters-bar{display:flex;align-items:center;gap:1.5rem;margin-bottom:2.5rem;flex-wrap:nowrap;padding:1.1rem 1.5rem;background:var(--bg-surface);border-radius:10px;border:1px solid var(--border)}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-label{font-size:.68rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.filter-select{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:.35rem .6rem;color:var(--text);font-size:.72rem;font-family:inherit}.results-count{font-size:.72rem;color:var(--text-secondary);margin-left:auto}.results-count strong{color:var(--text)}.trope-filter-section{margin-bottom:1.5rem;padding:1rem 1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:10px}.trope-filter-label{font-family:Libre Baskerville,serif;font-size:.95rem;color:var(--text);font-weight:700;margin-bottom:.2rem}.trope-filter-sublabel{font-size:.75rem;color:var(--text-dim);margin-bottom:.75rem}.micro-trope-pills{display:flex;flex-wrap:wrap;gap:.5rem}.micro-pill{padding:.4rem .9rem;border-radius:20px;background:#ede5f3;color:#6b4080;font-size:.78rem;cursor:pointer;transition:all .2s;border:1px solid #DDD0E8;text-decoration:none}.micro-pill:hover{background:#ddd0e8;color:#5a3570;border-color:#6b4080}.micro-pill.active{background:#6b4080;color:#fff;border-color:#6b4080}.combine-pill{padding:.4rem .9rem;border-radius:20px;background:#f5e6ea;color:#8b3a50;font-size:.78rem;cursor:pointer;transition:all .2s;border:1px solid #E8CDD4;font-family:inherit}.combine-pill:hover{background:#e8cdd4;color:#6b2a40;border-color:#8b3a50}.combine-pill.active{background:#8b3a50;color:#fff;border-color:#8b3a50}.browse-all-tropes-btn{display:inline-flex;align-items:center;gap:.3rem;margin-top:.75rem;padding:.4rem .9rem;border-radius:20px;background:transparent;color:var(--text-secondary);font-size:.78rem;cursor:pointer;transition:all .2s;border:1px dashed var(--border);font-family:inherit}.browse-all-tropes-btn:hover{border-color:#8b3a50;color:#8b3a50;background:#fdf7f8}.browse-all-tropes-btn.open{border-style:solid;border-color:#8b3a50;color:#8b3a50;background:#fdf7f8}.browse-all-panel{margin-top:.75rem;border:1px solid var(--border);border-radius:8px;background:var(--tag-bg);overflow:hidden}.browse-category{border-bottom:1px solid var(--border)}.browse-category:last-child{border-bottom:none}.browse-category-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.6rem 1rem;background:none;border:none;cursor:pointer;font-family:Libre Baskerville,serif;font-size:.82rem;color:var(--text);font-weight:600;transition:background .15s}.browse-category-header:hover{background:#00000008}.browse-chevron{transition:transform .2s;color:var(--text-dim)}.browse-category-header.open .browse-chevron{transform:rotate(180deg)}.browse-category-tropes{display:flex;flex-wrap:wrap;gap:.4rem;padding:0 1rem .75rem}.combine-micro-group{margin-top:.75rem;padding:.75rem 1rem;background:var(--tag-bg);border-radius:8px;border:1px solid var(--border)}.combine-micro-group-label{font-size:.72rem;color:var(--text-secondary);font-weight:600;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.floating-sidebar{position:fixed;right:2rem;top:80px;width:220px;z-index:50}.sidebar-section{background:var(--bg-surface);border:none;border-radius:8px;padding:1rem 1.25rem;margin-bottom:.5rem;border-left:3px solid var(--accent)}.sidebar-title{font-family:Libre Baskerville,serif;font-size:.85rem;color:var(--text);font-weight:700;margin-bottom:.5rem}.sidebar-text{font-size:.78rem;color:var(--text-secondary);line-height:1.5;margin-bottom:.5rem}.sidebar-link{display:block;font-size:.82rem;color:var(--accent);text-decoration:none;margin-bottom:.4rem}.sidebar-link:hover{text-decoration:underline}.trope-score-preview{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:2rem;text-align:center;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000000a}.trope-score-mystery{font-size:1.5rem;letter-spacing:.04em;color:var(--text);margin-bottom:.75rem}.trope-score-cta-text{color:var(--text-secondary);font-size:.9rem;line-height:1.6;max-width:400px;margin:0 auto}.content-warnings{margin-bottom:1.5rem}.content-warnings-label{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.6rem;font-weight:500}.content-warning-tag{display:inline-block;padding:.25rem .6rem;border-radius:4px;font-size:.75rem;background:#fff3e0;color:#8b5a00;border:1px solid #FFE0B2;margin:.2rem}.also-like{padding-top:2.5rem;border-top:1px solid var(--border);margin-top:1rem}.section-title{font-family:Libre Baskerville,serif;font-size:1.15rem;color:var(--text);margin-bottom:1.5rem;font-weight:400}.centered-content{max-width:calc(100% - 600px);margin:0 auto;padding:0 2.5rem}.site-footer{max-width:1280px;margin:3rem auto 0;padding:2rem 2.5rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--text-dim)}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:.78rem}.footer-links a:hover{color:var(--text)}@media(max-width:1100px){.floating-sidebar{display:none!important}.centered-content{max-width:100%;padding:0 2rem}.trope-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.hero{flex-direction:column}.hero-wall{display:none}.hero-text{min-width:auto;max-width:100%;padding:2rem 1.5rem}.hero h1{font-size:1.75rem}.genre-pills-row{flex-wrap:wrap}.genre-cards{gap:.4rem}.micro-grid{grid-template-columns:1fr}.trope-grid{grid-template-columns:repeat(2,1fr)}.book-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.book-detail-layout{grid-template-columns:1fr;gap:2rem}.book-detail-cover{max-width:260px}.filters-bar{flex-wrap:wrap;gap:.75rem}nav{padding:0 1rem}.nav-links{gap:1rem}.site-footer{flex-direction:column;gap:1rem;text-align:center}}@media(max-width:480px){.trope-grid{grid-template-columns:1fr}.genre-browse-card{flex:1 1 auto}.nav-links{gap:.75rem}.nav-links a{font-size:.78rem}}