@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&family=Oswald:wght@400;500&display=swap');
:root{--ink:#20171b;--dark:#170e11;--accent:#cb1d4e;--accent-dark:#a21840;--cream:#f5eee7;--muted:#71636a;--line:#e5dce0;--serif:'DM Serif Display',Georgia,serif;--body:'DM Sans',Arial,sans-serif;--display:'Oswald',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#fcfaf8;color:var(--ink);font:15px/1.6 var(--body)}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}input:focus-visible+span{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,h4,p{margin:0}img{display:block;max-width:100%}button{color:inherit}fieldset{border:0;padding:0;margin:0;min-width:0}legend{padding:0}svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.skip-link{position:absolute;left:20px;top:-100px;background:#fff;padding:14px;z-index:20}.skip-link:focus{top:12px}
.site-header{max-width:1300px;margin:auto;padding:26px 48px;display:flex;justify-content:space-between;align-items:center;gap:20px}.wordmark{font:30px/1.08 var(--serif);text-decoration:none;display:inline-block;white-space:nowrap}.wordmark span{display:block;font:9px/2.5 var(--body);letter-spacing:2.1px}.site-header nav{display:flex;align-items:center;gap:28px;font-size:13px}.site-header nav a{text-decoration:none}.site-header nav a:hover{color:var(--accent)}.header-current{border-bottom:1px solid var(--accent);padding:6px 0}
.hero{background:var(--dark);color:var(--cream);min-height:530px;padding:66px max(48px,calc((100vw - 1204px)/2));display:grid;grid-template-columns:1.1fr 1fr;gap:30px;overflow:hidden;position:relative}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 82% 45%,#5f1d3190,transparent 55%);pointer-events:none}.hero-copy,.hero-books{position:relative}.eyebrow{font:11px/1.7 var(--body);letter-spacing:1.8px;font-weight:700}.hero .eyebrow{color:#e0a9b9;display:flex;align-items:center;gap:12px}.little-line{width:28px;height:1px;background:var(--accent)}h1{font:clamp(52px,5.9vw,82px)/1.05 var(--serif);letter-spacing:-1.5px;margin:24px 0}h1 em{font-weight:400;color:#f0b5c4}.hero-description{font-size:16px;max-width:450px;color:#d7c9cd;line-height:1.8}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;text-decoration:none;border:0;border-radius:3px;min-height:48px;padding:13px 23px;font-size:13px;font-weight:700}.primary{background:var(--accent);color:white;transition:background .2s}.primary:hover{background:var(--accent-dark)}.hero .button{margin-top:27px}.hero-note{font-size:11px;color:#b4a2a9;margin-top:15px;letter-spacing:.35px}.hero-books{min-height:386px;align-self:center;margin-right:5px}.hero-cover{position:absolute;object-fit:cover;width:180px;height:270px;box-shadow:0 22px 45px #0009;border:1px solid #ffffff22;border-radius:2px}.cover-left{left:4%;top:63px;transform:rotate(-12deg)}.cover-right{right:0;top:60px;transform:rotate(12deg)}.cover-front{width:205px;height:307.5px;left:50%;top:29px;transform:translateX(-50%) rotate(-2deg);z-index:2}.orbit{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:380px;height:380px;border:1px solid #c3698433;border-radius:50%}.orbit-two{width:450px;height:450px;border-style:dashed;opacity:.4}.hero-stamp{position:absolute;right:0;bottom:0;font:10px/1.8 var(--body);letter-spacing:2px;text-align:right;color:#bca4ac}.hero-stamp strong{font-weight:500;color:#e8cbd4}
.intro-strip{display:flex;justify-content:center;gap:70px;border-bottom:1px solid var(--line);padding:20px 30px;background:var(--cream);font-size:12px;color:#594b51}.intro-strip span{display:flex;gap:13px;align-items:center}.intro-strip i{font:12px var(--display);color:var(--accent);font-style:normal}
.finder-section{max-width:1300px;margin:auto;padding:63px 48px 58px;scroll-margin-top:10px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.section-heading .eyebrow{color:var(--accent)}h2{font:34px/1.2 var(--serif);letter-spacing:-.5px}.section-heading h2{margin-top:7px}.text-button{border:0;background:none;padding:6px 0;min-height:44px;text-decoration:none;font-size:12px;display:inline-flex;gap:12px;align-items:center;font-weight:600}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.section-heading>.text-button{color:var(--muted);white-space:nowrap}.finder-layout{display:grid;grid-template-columns:338px minmax(0,1fr);gap:36px;align-items:start}.filter-panel{background:#fff;border:1px solid var(--line);border-radius:6px;padding:27px 24px}.filter-panel fieldset+fieldset{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.filter-panel legend{font-size:14px;font-weight:700;width:100%;line-height:1.5;margin-bottom:16px}.filter-panel legend>span{font:11px var(--display);color:var(--accent);margin-right:10px}.genre-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.genre-choice,.trope-choice{position:relative;cursor:pointer}.genre-choice input,.path-choice input,.trope-choice input{position:absolute;opacity:0;inset:0;margin:0;width:100%;height:100%;cursor:pointer}.genre-box{display:flex;align-items:center;flex-direction:column;border:1px solid var(--line);background:#faf8f8;padding:17px 6px 14px;border-radius:4px;text-align:center;min-height:116px;transition:background .15s,border-color .15s}.genre-box svg{width:27px;height:27px;margin-bottom:8px;color:var(--muted)}.genre-box strong{font-size:12px;font-weight:700}.genre-box small{font-size:9px;color:var(--muted);line-height:1.6;margin-top:3px}.genre-choice input:checked+.genre-box{border-color:var(--accent);background:#fcedf1;box-shadow:inset 0 0 0 .5px var(--accent)}.genre-choice input:checked+.genre-box svg{color:var(--accent)}.path-choice{position:relative;display:flex;align-items:start;gap:11px;padding:13px 12px;border:1px solid var(--line);margin-bottom:9px;border-radius:4px;cursor:pointer;line-height:1.4}.path-choice:has(input:checked){background:#fcedf1;border-color:var(--accent)}.path-choice strong{font-size:12px;display:block}.path-choice small{font-size:11px;color:var(--muted);display:block;margin-top:4px;line-height:1.6}.radio-dot{flex-shrink:0;width:15px;height:15px;border:1px solid #b6a6ad;border-radius:50%;margin-top:2px}.path-choice input:checked+.radio-dot{border:4px solid var(--accent);background:white}.path-choice input:focus-visible+.radio-dot{outline:3px solid var(--accent);outline-offset:4px}.filter-help{font-size:11px;line-height:1.7;color:var(--muted);margin:-4px 0 15px}.trope-options{display:flex;gap:7px;flex-wrap:wrap}.trope-choice span{display:block;padding:9px 11px;border:1px solid var(--line);border-radius:3px;font-size:11px;line-height:1.7;min-height:38px;background:#fff;transition:background .15s}.trope-choice:hover span{border-color:#b798a5}.trope-choice input:checked+span{background:var(--dark);color:#fff;border-color:var(--dark)}.more-tropes{margin-top:12px;font-size:11px;color:var(--muted)}.more-tropes summary{cursor:pointer;padding:9px 0;min-height:38px}.more-tropes .trope-options{margin-top:6px;color:var(--ink)}.clear-tropes{font-size:11px;color:var(--accent);margin-top:11px}
.results-panel{min-width:0}.results-panel:focus{outline:0}.results-topline{display:flex;align-items:center;justify-content:space-between;gap:14px}.results-topline .eyebrow{font-size:9px;color:var(--muted);letter-spacing:1.5px}.count-pill{background:#f1e8ec;color:#7a2944;border:1px solid #e8d6dd;border-radius:20px;padding:3px 10px;font-size:10px;white-space:nowrap}.results-panel>h2{font-size:32px;margin:13px 0 9px}.results-description{font-size:12px;color:var(--muted);line-height:1.8;min-height:42px}.reading-route{display:flex;gap:18px;margin:22px 0 29px;background:var(--cream);padding:21px;border-radius:5px;border-left:3px solid var(--accent);align-items:start}.reading-route img{width:62px;height:93px;object-fit:cover;box-shadow:0 5px 12px #21101625;border-radius:2px;flex-shrink:0}.route-label{font:9px/1.5 var(--body);letter-spacing:1px;font-weight:700;color:var(--accent-dark)}.reading-route h3{font:24px/1.3 var(--serif);margin:5px 0 7px}.reading-route h3 a{text-decoration:none}.reading-route h3 a:hover{text-decoration:underline}.reading-route h3 span{font:16px var(--body);margin-left:4px;color:var(--accent)}.reading-route p:not(.route-label){font-size:12px;line-height:1.7}.reading-route .route-note{font-size:10px!important;color:var(--muted);margin-top:9px}.matches-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.matches-heading h3{font-size:14px;font-weight:700}.matches-heading>span{font-size:10px;color:var(--muted)}.book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.book-card{border:1px solid var(--line);background:white;border-radius:5px;padding:20px 17px 10px;display:flex;flex-direction:column;min-width:0;transition:box-shadow .2s,border-color .2s}.book-card:hover{box-shadow:0 8px 25px #33111e0a;border-color:#cdb8c1}.book-card-main{display:flex;gap:14px;min-width:0;align-items:start}.cover-button{border:0;background:none;padding:0;flex:0 0 76px}.cover-button img{width:76px;height:114px;object-fit:cover;box-shadow:0 5px 10px #30162530;border-radius:1px}.book-card-copy{min-width:0}.book-series{font-size:9px;color:var(--muted);line-height:1.5;letter-spacing:.4px}.book-card h4{font:21px/1.18 var(--serif);margin:7px 0 5px;overflow-wrap:break-word}.book-card h4 button{font:inherit;padding:0;background:none;border:0;text-align:left}.book-card h4 button:hover{color:var(--accent)}.match-label{font-size:9px;color:var(--muted);margin-bottom:10px}.exact-label{color:var(--accent-dark);font-weight:700}.tags{display:flex;flex-wrap:wrap;gap:5px}.tag{background:#f7f2f4;color:#66555d;padding:3px 7px;font-size:9px;line-height:1.5;border:1px solid #ece3e7;border-radius:2px}.tag.matched{background:#fce9ef;color:#a0153f;border-color:#efc4d1}.book-blurb{font-size:11px;color:#6e6066;line-height:1.8;margin:17px 0;flex:1}.card-actions{border-top:1px solid #efe8eb;display:flex;align-items:center;justify-content:space-between;gap:5px}.card-actions a{font-size:10px;text-decoration:none;font-weight:700;min-height:44px;display:inline-flex;align-items:center;gap:7px;color:var(--accent-dark)}.card-actions .text-button{font-size:10px;gap:7px}.empty-notice{background:#fff5ed;border:1px solid #eddacb;border-radius:4px;padding:18px;margin-bottom:18px;font-size:12px}.empty-notice p{margin-top:6px;font-size:11px;color:var(--muted)}.empty-notice button{font-size:11px}.catalog-note{color:var(--muted);font-size:10px;line-height:1.7;margin-top:22px}
.reading-notes{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--cream);padding:43px max(48px,calc((100vw - 1204px)/2));display:grid;grid-template-columns:338px minmax(0,1fr);gap:36px}.reading-notes .eyebrow{font-size:10px;color:var(--accent);margin-bottom:13px}.reading-notes h2{font-size:32px}.notes-body{font-size:13px;color:#6b5862;max-width:650px}.notes-body p+p{margin-top:13px}.text-link{color:var(--accent-dark);font-size:12px;font-weight:600;text-decoration:none;display:inline-flex;gap:10px;min-height:44px;align-items:center}.text-link:hover{text-decoration:underline}.notes-body .text-link{margin-top:10px}.content-note{max-width:1300px;margin:auto;padding:34px 48px;display:flex;align-items:center;gap:20px}.content-mark{border:1px solid #cab3bd;display:grid;place-items:center;width:43px;height:43px;border-radius:50%;font:13px var(--display);color:#7b495a;flex-shrink:0}.content-note strong{font-size:12px}.content-note p{font-size:11px;color:var(--muted);margin-top:4px}.content-note>a{font-size:11px;color:var(--accent-dark);white-space:nowrap;margin-left:auto;min-height:44px;display:inline-flex;align-items:center;gap:8px}footer{background:var(--dark);color:#e5d2d9;padding:36px max(48px,calc((100vw - 1204px)/2));display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:25px}footer .wordmark{font-size:27px}footer .wordmark span{font-size:8px;letter-spacing:1.8px;color:#ae909c}footer>div{display:flex;gap:24px}footer>div a{font-size:11px;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;gap:6px}footer>p{font-size:9px;color:#b29aa3}.mobile-results{display:none}
dialog{padding:33px;border:1px solid #e1d5dc;border-radius:7px;color:var(--ink);background:#fcfaf8;width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 25px 100px #0005}dialog::backdrop{background:#10080bd4;backdrop-filter:blur(3px)}.dialog-open{overflow:hidden}.dialog-close{position:absolute;top:8px;right:9px;border:0;background:transparent;font-size:28px;line-height:1;width:44px;height:44px}.dialog-book{display:flex;gap:24px;align-items:center;margin:16px 0 25px}.dialog-book>img{width:110px;height:165px;object-fit:cover;flex-shrink:0;box-shadow:0 7px 18px #33132230}.dialog-book .eyebrow{font-size:9px;color:var(--accent);letter-spacing:1px}.dialog-book h2{margin:9px 0 12px;font-size:32px}.dialog-book p:not(.eyebrow){font-size:12px;color:var(--muted)}.dialog-section{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.dialog-section h3{font-size:13px;margin-bottom:9px}.dialog-section p{font-size:12px;line-height:1.8;color:var(--muted)}.dialog-section .tag{font-size:10px}.dialog-match{margin-top:12px}.dialog-actions{display:flex;flex-direction:column;align-items:start;gap:10px;margin-top:25px}.dialog-actions .button{width:100%}.noscript{padding:30px;display:flex;flex-wrap:wrap;gap:20px;background:white;border:2px solid var(--accent)}
@media(min-width:1450px){.hero-books{margin-right:15px}.hero-cover.cover-left{left:9%}.hero-cover.cover-right{right:5%}}
@media(max-width:1100px){.site-header{padding:23px 32px}.hero{padding:55px 32px;grid-template-columns:1.1fr 1fr;gap:15px}.hero-cover{width:150px;height:225px}.cover-front{width:175px;height:262.5px;top:45px}.cover-left{left:0;top:78px}.cover-right{right:0;top:75px}.hero-books{min-height:355px}.hero-stamp{right:10px}.finder-section{padding:48px 32px}.finder-layout{grid-template-columns:290px minmax(0,1fr);gap:24px}.filter-panel{padding:24px 18px}.book-grid{gap:14px}.book-card{padding:16px 13px 8px}.book-card-main{gap:11px}.cover-button{flex-basis:65px}.cover-button img{width:65px;height:97.5px}.book-card h4{font-size:20px}.reading-notes{padding:40px 32px;grid-template-columns:290px minmax(0,1fr);gap:24px}.content-note{padding:30px 32px}footer{padding:32px}}
@media(max-width:900px){.book-grid{grid-template-columns:1fr}.book-card-main{gap:20px}.cover-button{flex-basis:86px}.cover-button img{width:86px;height:129px}.book-card{padding:21px 20px 10px}.book-card h4{font-size:25px}.book-series{font-size:10px}.book-blurb{font-size:12px}.book-card .tag{font-size:10px}.intro-strip{gap:35px}.content-note{flex-wrap:wrap;gap:14px}.content-note>a{margin-left:58px}.reading-route{padding:17px}.hero-stamp{bottom:13px}}
@media(max-width:700px){html{scroll-padding-top:14px}.site-header{padding:20px 22px}.wordmark{font-size:25px}.wordmark span{font-size:7px;letter-spacing:1.8px}.site-header nav{gap:0}.site-header nav a:first-child{display:none}.site-header nav a{font-size:10px}.hero{grid-template-columns:1fr;padding:39px 24px 28px;gap:10px}.hero-copy{z-index:3}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.little-line{width:20px}h1{font-size:58px;line-height:1.04;margin:20px 0}.hero-description{max-width:480px;font-size:14px;line-height:1.8}.hero .button{margin-top:23px}.hero-note{font-size:10px}.hero-books{width:min(400px,100%);min-height:288px;margin:16px auto 0}.hero-cover{width:132px;height:198px}.cover-left{left:9%;top:45px}.cover-right{right:6%;top:45px}.cover-front{width:160px;height:240px;top:18px}.orbit{width:265px;height:265px}.orbit-two{width:310px;height:310px}.hero-stamp{bottom:0;right:0;font-size:7px;letter-spacing:1.5px}.intro-strip{gap:16px;padding:16px 20px;justify-content:space-between;font-size:9px}.intro-strip span{gap:6px;line-height:1.5;max-width:110px}.intro-strip i{font-size:10px}.finder-section{padding:37px 22px 34px}.section-heading{align-items:start;gap:15px;margin-bottom:25px}.section-heading h2{font-size:29px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.1px}.section-heading>.text-button{font-size:10px;padding-top:0;gap:5px;min-height:38px}.finder-layout{grid-template-columns:1fr;gap:30px}.filter-panel{padding:24px 20px}.filter-panel legend{font-size:14px}.genre-box{min-height:110px;padding:13px 5px}.genre-box strong{font-size:13px}.genre-box small{font-size:10px}.genre-options{gap:12px}.path-choice{padding:14px}.path-choice strong{font-size:13px}.path-choice small{font-size:11px}.trope-choice span{font-size:12px;min-height:44px;padding:11px 12px}.filter-help{font-size:12px}.more-tropes{font-size:12px}.more-tropes summary{min-height:44px}.clear-tropes{font-size:12px}.results-panel{scroll-margin-top:22px}.results-panel>h2{font-size:30px;margin-top:12px}.results-topline .eyebrow{font-size:8px;letter-spacing:1.2px}.results-description{font-size:12px}.reading-route{margin:21px 0 24px;padding:19px 16px;gap:15px}.reading-route img{width:54px;height:81px}.route-label{font-size:8px;letter-spacing:.6px}.reading-route h3{font-size:24px}.reading-route p:not(.route-label){font-size:12px}.book-grid{gap:16px}.book-card{padding:22px 19px 9px}.cover-button{flex-basis:91px}.cover-button img{width:91px;height:136.5px}.book-card-main{gap:18px}.book-card h4{font-size:26px}.match-label{font-size:10px}.book-series{font-size:10px}.card-actions .text-button,.card-actions a{font-size:12px;min-height:46px}.tag{font-size:10px}.book-blurb{font-size:12px}.matches-heading h3{font-size:14px}.matches-heading>span{font-size:10px}.catalog-note{font-size:11px}.reading-notes{grid-template-columns:1fr;gap:22px;padding:33px 24px}.reading-notes h2{font-size:31px}.reading-notes h2 br{display:none}.notes-body{font-size:13px}.content-note{padding:29px 24px;align-items:start;gap:13px}.content-note>div{flex:1}.content-note strong{font-size:12px}.content-note p{font-size:12px}.content-note>a{margin-left:56px;font-size:12px}.content-mark{width:43px;height:43px}footer{padding:32px 24px 95px;display:block}footer .wordmark{font-size:28px}footer>div{margin:20px 0 10px;flex-wrap:wrap;gap:7px 20px}footer>div a{font-size:12px}footer>p{font-size:10px}.mobile-results{position:fixed;left:16px;right:16px;bottom:max(12px,env(safe-area-inset-bottom));background:var(--accent);color:white;display:flex;align-items:center;justify-content:center;gap:13px;min-height:50px;padding:12px 14px;border-radius:4px;z-index:5;text-decoration:none;box-shadow:0 4px 25px #23081540;font-size:12px;font-weight:700}.mobile-results #mobile-count{background:#ffffff22;border:1px solid #ffffff55;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-size:10px}dialog{padding:27px 23px;max-height:calc(100dvh - 32px)}.dialog-book{gap:17px;margin-top:21px;align-items:start}.dialog-book>img{width:80px;height:120px}.dialog-book h2{font-size:27px}.dialog-book .eyebrow{font-size:8px}.dialog-actions .button{font-size:12px;padding:13px}.dialog-section p{font-size:12px}}
@media(max-width:360px){.site-header{padding:19px 16px}.wordmark{font-size:23px}.hero{padding:34px 20px 25px}h1{font-size:51px}.finder-section{padding:32px 16px}.section-heading h2{font-size:26px}.section-heading>.text-button{font-size:9px}.filter-panel{padding:21px 16px}.hero-cover{width:118px;height:177px}.cover-front{width:145px;height:217.5px}.cover-left{left:5%}.cover-right{right:2%}.hero-books{min-height:260px}.intro-strip{padding:14px 16px;gap:8px}.book-card-main{gap:14px}.cover-button{flex-basis:76px}.cover-button img{width:76px;height:114px}.book-card h4{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}