:root{--paper:#f8f8f5;--white:#ffffff;--ink:#242b27;--muted:#5f6b63;--forest:#356c51;--deep:#244b38;--gold:#b18b58;--soft:#edf1ec;--line:#d9e0da;--terracotta:#92745b;--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 'DM Sans',system-ui,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}a{color:var(--forest)}h1,h2,h3,.serif{font-family:'Libre Baskerville',Georgia,serif;font-weight:400;line-height:1.27}h1{font-size:clamp(2.35rem,5vw,4.5rem);letter-spacing:-.065em;margin:14px 0 22px}h2{font-size:clamp(1.5rem,3vw,2.2rem);letter-spacing:-.035em}h3{font-size:1.15rem;letter-spacing:-.02em}p{margin:12px 0}small,.small{font-size:.82rem;color:var(--muted)}.eyebrow{font-size:.73rem;letter-spacing:.17em;text-transform:uppercase;font-weight:700;color:var(--terracotta)}.muted{color:var(--muted)}.lead{font-size:1.11rem;color:var(--muted);max-width:670px}.site-header{position:sticky;top:0;z-index:20;background:rgba(243,241,234,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.header-wrap{max-width:1260px;padding:16px 28px;margin:auto;display:flex;align-items:center;gap:20px}.logo{font:700 26px/1.1 'Libre Baskerville',Georgia,serif;text-decoration:none;letter-spacing:-.07em;color:var(--ink);white-space:nowrap}.logo span{color:var(--forest)}.logo i{color:var(--terracotta);font-style:normal}.beta-pill{font:700 9px 'DM Sans',sans-serif;letter-spacing:.12em;background:#e1e8d8;color:var(--forest);padding:7px 9px;border-radius:5px;white-space:nowrap}.header-wrap nav{margin-left:auto;display:flex;gap:5px}.header-wrap nav button{background:transparent;border:0;border-radius:8px;padding:9px 12px;color:#6a746b;font-size:12px;font-weight:700}.header-wrap nav button.active,.header-wrap nav button:hover{background:var(--soft);color:var(--deep)}.header-action{display:none}.app-shell{min-height:calc(100vh - 143px)}main{max-width:1240px;margin:0 auto;padding:36px 28px 80px}.site-footer{border-top:1px solid var(--line);max-width:1260px;padding:24px 28px;margin:auto;display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:.8rem}.text-button{padding:0;background:transparent;border:0;color:var(--forest);text-decoration:underline}.hero{display:grid;grid-template-columns:1.25fr .85fr;gap:42px;align-items:center;min-height:450px}.hero-art{background:linear-gradient(145deg,#dae3d5,#e9d7b7);min-height:380px;border-radius:12px;position:relative;overflow:hidden;padding:35px}.hero-art:before{content:' ';position:absolute;width:320px;height:320px;border:1px solid rgba(31,68,50,.24);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 45px rgba(255,255,255,.12),0 0 0 90px rgba(255,255,255,.1)}.hero-art:after{content:'✦';position:absolute;font:160px Georgia;left:50%;top:45%;transform:translate(-50%,-50%);color:rgba(36,74,56,.8)}.hero-art blockquote{position:absolute;bottom:24px;left:30px;right:30px;z-index:2;font:17px/1.45 Georgia;color:#3e5945;max-width:270px;margin:0}.paper{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:25px}.narrow{max-width:840px}.wide{max-width:1120px}.button{border:1px solid var(--line);border-radius:8px;background:var(--white);padding:11px 17px;font-weight:700;line-height:1.25;transition:background .15s,color .15s,border .15s}.button:hover{border-color:var(--forest);background:#e5eae0}.button.primary{background:var(--forest);color:white;border-color:var(--forest)}.button.primary:hover{background:var(--deep)}.button.secondary{background:#e6e9df;border-color:#d2d9ce}.button.ghost{background:transparent;border-color:transparent}.button.tiny{font-size:.75rem;padding:7px 10px}.button.selected{border-color:var(--forest);background:#e5ede4;color:#1d4a33}.button.danger{color:#9e3f38}.buttons{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0 25px}.choice-grid .option{padding:19px;text-align:left;border:1px solid var(--line);background:var(--white);border-radius:10px}.choice-grid .option strong{display:block;font-size:1rem}.choice-grid .option span{display:block;color:var(--muted);font-size:.8rem;margin-top:4px}.choice-grid .option.selected{outline:2px solid var(--forest);border-color:var(--forest);background:#eaf0e6}.label{display:block;font-weight:700;font-size:.88rem;margin:16px 0 8px}.input{display:block;width:100%;background:var(--white);border:1px solid var(--line);border-radius:8px;padding:11px 13px}.consent{display:flex;gap:12px;align-items:flex-start;background:#e6ece5;padding:15px;border-radius:10px;font-size:.88rem;line-height:1.55}.consent input{width:19px;height:19px;accent-color:var(--forest);flex:none;margin-top:2px}.stepper{display:flex;align-items:center;gap:8px;margin:0 0 26px;flex-wrap:wrap}.step{flex:1;min-width:90px;height:6px;border-radius:5px;background:#d9ddd2}.step.active{background:var(--forest)}.step-title{font-size:.75rem;font-weight:700;color:var(--muted);margin-left:7px}.section-intro{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:25px}.section-intro p{max-width:660px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:15px 0}.toolbar .input{width:min(100%,350px)}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{background:transparent;color:#59685e;border:1px solid var(--line);border-radius:24px;padding:7px 12px;font-size:12px;font-weight:700}.chip.active,.chip:hover{background:var(--forest);border-color:var(--forest);color:white}.shelf-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:22px}.shelf-side{position:sticky;top:110px;align-self:start}.book-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:19px 13px}.book-card{min-width:0}.book-cover{position:relative;width:100%;aspect-ratio:2/3;border-radius:5px;overflow:hidden;border:1px solid rgba(0,0,0,.14);background:var(--cover,#e4dfce);box-shadow:2px 4px 10px rgba(25,45,31,.11);display:flex;align-items:center;justify-content:center;padding:10px}.book-cover:after{content:'';position:absolute;left:5px;top:0;bottom:0;width:1px;background:rgba(0,0,0,.12)}.book-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.book-cover .cover-text{font:600 clamp(11px,1.3vw,15px)/1.35 Georgia;text-align:center;color:#253629;overflow-wrap:anywhere}.book-cover .cover-text em{display:block;margin-top:15px;font:9px/1.5 'DM Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase}.book-cover .marked{position:absolute;right:7px;top:7px;z-index:3;background:var(--forest);border-radius:100px;color:white;width:24px;height:24px;text-align:center;line-height:24px;font-size:15px}.book-card button.open-book{border:0;background:transparent;text-align:left;width:100%;padding:0;display:block}.book-card button.open-book:hover .book-cover{outline:3px solid var(--gold);outline-offset:2px}.book-title{font-size:12px;font-weight:700;margin-top:9px;line-height:1.3}.book-author{font-size:11px;color:var(--muted);margin-top:2px}.series-hint{font-size:10px;color:var(--terracotta);font-weight:700;margin-top:4px}.selected-books{max-height:360px;overflow:auto}.selected-books li{margin-bottom:8px;font-size:12px}.empty{border:1px dashed var(--line);border-radius:12px;padding:30px;text-align:center;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:rgba(23,36,27,.64);z-index:50;display:flex;justify-content:center;align-items:center;padding:18px}.modal{background:var(--paper);border-radius:14px;padding:25px;max-height:min(90vh,850px);overflow:auto;width:min(700px,100%);box-shadow:0 20px 80px #0f231e70}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.close{border:0;background:transparent;font-size:24px}.volume-row{display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.volume-row .mini-cover{width:40px;height:60px;object-fit:cover;border-radius:3px;background:#e3e5d9}.volume-row strong{font-size:.87rem;display:block;line-height:1.3}.volume-row small{display:block}.ratings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:25px}.ratings-sidebar{align-self:start;position:sticky;top:108px;max-height:75vh;overflow:auto}.rating-nav{display:block;width:100%;border:0;background:transparent;text-align:left;border-bottom:1px solid var(--line);padding:10px 5px;font-size:12px;line-height:1.35}.rating-nav.current{color:var(--deep);font-weight:700;background:#e3e9e0}.rating-nav small{display:block}.book-heading{display:flex;gap:19px;align-items:flex-start}.book-heading .book-cover{width:100px;flex:none}.rating-group{border-top:1px solid var(--line);margin:15px 0;padding-top:10px}.rating-group h3{font-size:1.1rem}.rating-axis{display:grid;grid-template-columns:minmax(160px,1fr) 250px;align-items:center;gap:16px;margin:14px 0}.axis-label{font-size:.87rem;font-weight:700}.axis-hint{font-size:.73rem;color:var(--muted)}.scale{display:flex;gap:5px;align-items:center}.scale button{width:33px;height:35px;padding:0;flex:1;background:var(--white);border:1px solid var(--line);border-radius:5px;font-size:12px}.scale button:hover,.scale button.active{background:var(--forest);border-color:var(--forest);color:white}.scale button.unknown{font-size:11px;color:var(--muted);background:transparent}.scale button.unknown.active{color:#fff;background:#5e6f64}.divider{height:1px;background:var(--line);margin:18px 0}.score-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.score-row select{width:100%}.notice{background:#e7ebdf;border-left:3px solid var(--gold);padding:14px 17px;border-radius:6px;font-size:.86rem;color:#505e53}.search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.search-result{display:flex;gap:12px;align-items:center;min-width:0;background:var(--white);border:1px solid var(--line);border-radius:9px;padding:10px;text-align:left}.search-result:hover{border-color:var(--forest)}.search-result img,.search-result .tiny-cover{width:48px;height:70px;flex:none;object-fit:cover;background:#e5dfd1}.search-result strong{display:block;font-size:.84rem;line-height:1.4}.search-result small{display:block}.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quote-card{padding:27px;background:var(--white);border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;justify-content:space-between}.quote-card blockquote{margin:18px 0;font:19px/1.75 Georgia,serif}.quote-card .button{width:100%}.chart-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.chart-card{padding:20px;border:1px solid var(--line);background:var(--white);border-radius:12px}.radar{width:100%;max-height:280px}.meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.metric{background:var(--white);border:1px solid var(--line);padding:18px;border-radius:10px}.metric strong{font:30px Georgia;display:block}.tag{background:#e6ebe4;border-radius:30px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-block;margin:3px}.pill-line{display:flex;gap:8px;flex-wrap:wrap}.method-list li{margin:10px 0}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 20px;background:var(--deep);color:white;border-radius:10px;z-index:100;box-shadow:0 5px 30px #142a2270;display:none}.toast.on{display:block}.loading{padding:60px;text-align:center;color:var(--muted)}
@media(max-width:960px){.hero{grid-template-columns:1fr 1fr}.book-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.shelf-layout{grid-template-columns:minmax(0,1fr) 180px}.rating-axis{grid-template-columns:1fr}.chart-grid{grid-template-columns:1fr}.meta-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:690px){main{padding:20px 16px 50px}.header-wrap{padding:12px 16px;flex-wrap:wrap}.logo{font-size:22px}.beta-pill{font-size:8px}.header-action{margin-left:auto;display:block;background:transparent;border:0;font-size:20px}.header-wrap nav{display:none;width:100%;flex-wrap:wrap;margin:0}.header-wrap nav.show{display:flex}.hero{grid-template-columns:1fr}.hero-art{min-height:220px;order:-1}.hero-art:after{font-size:100px}.hero-art blockquote{font-size:14px}.choice-grid,.quote-grid,.search-results,.score-row{grid-template-columns:1fr}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shelf-layout,.ratings-layout{display:block}.shelf-side{position:static;margin-top:22px}.ratings-sidebar{position:static;max-height:105px;display:flex;gap:5px;overflow:auto;white-space:nowrap;margin-bottom:16px}.rating-nav{min-width:135px;white-space:normal}.book-heading .book-cover{width:76px}.meta-grid{grid-template-columns:1fr}.site-footer{padding:20px 16px;flex-direction:column;gap:4px}.section-intro{display:block}.quote-card{padding:18px}.quote-card blockquote{font-size:17px}.paper{padding:18px}}
@media(max-width:380px){.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-wrap{gap:10px}}

/* Beta 0.3: profile and bug-report controls */
.header-profile{margin-left:auto;border:1px solid var(--line);border-radius:9px;background:var(--white);padding:6px 12px;font-size:.82rem;font-weight:650;white-space:nowrap}
.header-profile:hover{border-color:var(--forest)}
.bug-input{width:100%;resize:vertical;display:block;min-height:140px}
@media(max-width:690px){.header-profile{margin-left:auto}.site-footer span:last-child{line-height:2}}

.header-report{margin-left:auto;border:0;background:transparent;padding:6px;font-size:.8rem;color:var(--forest);white-space:nowrap}
.header-report + .header-profile{margin-left:0}
@media(max-width:690px){.header-report{font-size:.73rem;padding:4px}.header-profile{font-size:.73rem;padding:5px 7px}}

/* Beta 0.4: publication-decade controls */
.catalog-decade-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:6px 0 22px}
.catalog-decade-row .chips{gap:6px}
.catalog-decade-row .chip{padding:7px 11px}
@media(max-width:690px){.catalog-decade-row{align-items:flex-start}.catalog-decade-row>.small{width:100%}}

.catalog-sort-row{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:10px 0 18px}.catalog-sort-row .chips{flex:1;align-items:center}.sort-label{font-size:12px;font-weight:700;color:var(--muted);display:flex;gap:8px;align-items:center;white-space:nowrap}.sort-label select{width:auto;min-width:185px;font-weight:400;padding:8px 10px}.audience-hint{font-size:10px;color:var(--muted);margin-top:5px}@media(max-width:690px){.catalog-sort-row{align-items:flex-start}.sort-label{width:100%;justify-content:space-between}.sort-label select{width:min(240px,100%)}}

/* Beta 0.5: category preferences, tile sorting, provenance-aware book profiles */
.shelf-top-controls{align-items:center;justify-content:space-between}.shelf-top-controls>.chips{width:100%}.shelf-top-controls .sort-label{display:flex;align-items:center;gap:10px;font-weight:650;white-space:nowrap;font-size:13px}.shelf-top-controls .sort-label select{min-width:176px}.category-filter-row{border:1px solid var(--line);border-radius:12px;padding:16px;margin:16px 0;background:var(--white)}.category-filter-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.category-filter-heading .text-button{margin-left:auto}.category-checks{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.category-choice{display:inline-flex;gap:6px;align-items:center;padding:7px 11px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:12px;cursor:pointer;line-height:1.4}.category-choice:has(input:checked){background:#e2eadf;border-color:var(--forest)}.category-choice input{accent-color:var(--forest);width:16px;height:16px}.category-match{width:auto;display:inline-block;margin-left:10px;padding:6px 8px}.tile-meta{display:flex;gap:5px;flex-wrap:wrap;align-items:center;margin-top:5px}.tile-profile{font-size:11px!important;margin-right:4px}.tile-category{font-size:10px;border:1px solid #d3dcd0;border-radius:4px;padding:1px 5px;color:#496653}.source-label{display:inline-block;font-size:12px;font-weight:800;color:var(--forest);background:#e1eadf;border-radius:7px;padding:7px 11px}.heat-chart{display:grid;gap:15px;margin:20px 0}.heat-chart h3{margin:4px 0 8px}.heat-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.heat-cell{border:1px solid var(--line);border-radius:6px;background:#e6e8e2;padding:10px 7px;min-width:0;display:flex;flex-direction:column;min-height:90px;justify-content:space-between;gap:10px}.heat-cell.heat-known{color:#182b20}.heat-cell span{font-size:10px;line-height:1.2}.heat-cell strong{font:20px Georgia;align-self:flex-end}.affinity-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.affinity-list>div{background:#f2f5ef;padding:12px;border-radius:8px}.affinity-list strong,.affinity-list small{display:block}.suggestion-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 22px}.suggestion-list>div{border-bottom:1px solid var(--line);padding:8px;display:flex;flex-wrap:wrap;gap:5px}.suggestion-list span{font-size:12px;color:var(--muted)}.suggestion-list button{margin-left:auto;font-size:12px}@media(max-width:690px){.shelf-top-controls{display:block}.shelf-top-controls>.input{width:100%;max-width:none}.shelf-top-controls .sort-label{margin:12px 0}.shelf-top-controls .sort-label select{flex:1}.affinity-list,.suggestion-list{grid-template-columns:1fr}.heat-cell{min-height:70px;padding:5px 3px}.heat-cell span{font-size:8px}.heat-cell strong{font-size:14px}}

.volume-actions{display:flex;align-items:center;gap:10px}.volume-actions .text-button{font-size:12px;white-space:nowrap}@media(max-width:690px){.volume-row{grid-template-columns:32px 1fr;gap:8px}.volume-actions{grid-column:2;justify-content:flex-end}}

.header-account{font:inherit;font-weight:650;background:transparent;color:var(--ink,#25322b);border:1px solid #bcbdb5;padding:9px 15px;border-radius:8px;cursor:pointer}
.author-axis{border-bottom:1px solid #dddcd2;padding:12px 0 18px;margin-bottom:8px}
.author-axis .buttons.compact{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.submission-item{padding:16px 0;border-bottom:1px solid #dddcd2}
#authorFile{margin-bottom:18px;max-width:100%}

/* v0.6.1: concise hover/focus tooltips + optional, mobile-friendly rating guidance */
.axis-heading{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.axis-tip-wrap{position:relative;display:inline-flex;align-items:center;vertical-align:middle}
.axis-tip-toggle{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;padding:0;background:var(--white);color:var(--forest);font:700 12px/1 sans-serif;cursor:help}
.axis-tip-toggle:hover,.axis-tip-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.axis-tooltip{position:absolute;bottom:calc(100% + 8px);left:0;width:min(245px,75vw);padding:9px 11px;border-radius:7px;z-index:10;background:var(--deep);color:#fff;font-size:12px;line-height:1.45;box-shadow:0 5px 20px #142a2244;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .12s ease}
.axis-tip-wrap:hover .axis-tooltip,.axis-tip-wrap:focus-within .axis-tooltip{visibility:visible;opacity:1}
.axis-guidance{margin-top:7px;max-width:510px;font-size:12px;line-height:1.5}
.axis-guidance summary{display:list-item;width:max-content;max-width:100%;cursor:pointer;color:var(--forest);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.axis-guidance summary:hover,.axis-guidance summary:focus-visible{color:var(--terracotta)}
.axis-guidance p{margin:7px 0 2px;padding:9px 11px;border-left:3px solid var(--gold);background:var(--white);border-radius:0 7px 7px 0;color:var(--ink)}
@media(max-width:690px){.axis-tip-toggle{width:27px;height:27px}.axis-tooltip{left:auto;right:-8px}.axis-guidance{font-size:13px}.rating-axis{gap:9px}.author-axis .axis-guidance{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.axis-tooltip{transition:none}}

/* v0.7.1 — account-independent theme selection, three participation levels, evidence radar */
.theme-picker{display:inline-flex;gap:7px;align-items:center;font-size:12px;color:var(--muted);font-weight:700;white-space:nowrap}
.theme-picker select{background:var(--white);border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:7px 9px;max-width:110px}
.rating-mode{margin:24px 0;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.tier-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}
.tier-option{border:1px solid var(--line);border-radius:9px;background:var(--white);text-align:left;padding:12px;min-width:0}
.tier-option strong,.tier-option small{display:block}.tier-option small{font-size:11px;margin-top:5px;line-height:1.3}
.tier-option.selected{border-color:var(--forest);outline:2px solid var(--forest);background:var(--soft)}
.evidence-legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin:20px 0}.evidence-legend span{display:inline-flex;gap:7px;align-items:center;font-size:12px}.evidence-legend i{display:inline-block;width:12px;height:12px;border-radius:50%}.legend-reader{background:#31886a}.legend-model{background:#c68a37}.legend-unknown{background:#969da1}
.evidence-radar{max-height:325px;overflow:visible}.evidence-cell.reader{background:rgba(49,136,106,.22);border-color:#31886a}.evidence-cell.model{background:rgba(198,138,55,.22);border-color:#c68a37}.evidence-cell.unknown{background:var(--paper)}
.pacing-profile{border:1px solid var(--line);border-radius:10px;padding:15px;margin:20px 0;background:var(--white)}
.pace-row{display:grid;grid-template-columns:110px minmax(0,1fr) 34px;align-items:center;gap:12px;margin:10px 0;font-size:13px}.pace-track{height:11px;border-radius:9px;background:var(--soft);overflow:hidden}.pace-fill{height:100%;border-radius:9px}.pace-fill.reader{background:#31886a}.pace-fill.model{background:#c68a37}
/* v0.7.2: deliberately restrained light and dark themes */
html[data-theme="dark"]{
  --paper:#191d1c;--white:#242a28;--ink:#edf1ee;--muted:#b0beb5;
  --forest:#99c5ab;--deep:#335442;--gold:#cfa66b;--soft:#303a35;
  --line:#414e46;--terracotta:#d6ac90;
}
html[data-theme="dark"] body{background:var(--paper);color:var(--ink)}
html[data-theme="dark"] .site-header{background:rgba(25,29,28,.97)}
html[data-theme="dark"] :is(.lead,.chip,.axis-hint,.book-author,.series-hint){color:var(--muted)}
html[data-theme="dark"] :is(.input,.button,.quote-card,.choice-grid .option,.category-choice,.tag,.heat-cell,.affinity-list>div,.consent,.source-label,.axis-guidance p,.scale button){background:var(--white);color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] :is(.button.primary,.chip.active,.scale button.active){background:#426a54;color:#fff;border-color:#426a54}
html[data-theme="dark"] :is(.button.selected,.tier-option.selected,.category-choice:has(input:checked),.choice-grid .option.selected,.rating-nav.current){background:var(--soft);color:var(--ink);border-color:var(--forest)}
html[data-theme="dark"] :is(.axis-tip-toggle,.rating-nav,.chip,.text-button){color:var(--forest)}
html[data-theme="dark"] .hero-art{background:linear-gradient(145deg,#35483c,#27342e)}
html[data-theme="dark"] .hero-art:after{color:#a4cbb0}
html[data-theme="dark"] .hero-art blockquote{color:var(--ink)}
html[data-theme="dark"] .heat-cell.reader{background:#284c3e;color:#e5f6e8}
html[data-theme="dark"] .heat-cell.model{background:#54432b;color:#fff0d2}
html[data-theme="dark"] .book-card .book-title{color:var(--ink)}
html[data-theme="dark"] :is(.consent,.notice){background:var(--soft);color:var(--ink)}
html[data-theme="dark"] .button.secondary{background:var(--soft)}
html[data-theme="dark"] .rating-nav.current{color:var(--ink)}
html[data-theme="dark"] .step{background:var(--line)}
html[data-theme="dark"] .step.active{background:var(--forest)}
html[data-theme="dark"] .chip:hover{background:var(--soft);color:var(--ink)}
html[data-theme="dark"] .hero-art:before{border-color:#91b7a24a}

/* A logo, a theme icon, account access, and one navigation menu. */
.site-header{background:rgba(248,248,245,.97)}
.header-wrap{max-width:1240px;width:100%;padding:14px 26px;gap:16px;min-height:72px;flex-wrap:nowrap}
.logo{font-size:clamp(23px,2.2vw,28px);line-height:1;letter-spacing:-.055em}
.logo i{color:var(--forest)}
.header-tools{margin-left:auto;display:flex;align-items:center;gap:9px;position:relative;min-width:0}
.theme-toggle,.header-action,.header-account{height:39px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--ink);border:1px solid transparent;border-radius:8px;padding:0 11px;font-size:13px;font-weight:650;white-space:nowrap;margin:0}
.theme-toggle,.header-action{width:39px;padding:0;font-size:20px;line-height:1}
.theme-toggle:hover,.header-action:hover,.header-account:hover{background:var(--soft);border-color:var(--line)}
.header-account{border-color:var(--line);padding:0 14px}
.header-wrap nav{display:none;position:absolute;right:0;top:calc(100% + 12px);width:min(300px,calc(100vw - 28px));max-height:min(72vh,630px);overflow-y:auto;z-index:30;margin:0;padding:9px;gap:2px;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 36px rgba(10,20,14,.16)}
.header-wrap nav.show{display:flex}
.header-wrap nav button{display:block;text-align:left;width:100%;font-size:13px;font-weight:550;border-radius:7px;color:var(--ink);padding:10px 13px;background:transparent;border:0;white-space:normal}
.header-wrap nav button:hover,.header-wrap nav button.active{background:var(--soft);color:var(--ink)}
.header-wrap nav button:disabled{opacity:.42}
html[data-theme="dark"] .header-wrap nav{box-shadow:0 18px 42px rgba(0,0,0,.42)}
@media(max-width:690px){
 .header-wrap{padding:12px 16px;min-height:62px;flex-wrap:nowrap;gap:10px}
 .logo{font-size:clamp(20px,5.5vw,24px)}
 .header-tools{gap:3px}
 .header-account{font-size:12px;padding:0 9px;height:36px}
 .theme-toggle,.header-action{width:34px;height:36px;font-size:19px}
 .header-wrap nav{width:min(285px,calc(100vw - 24px));top:calc(100% + 9px);flex-wrap:nowrap}
 .tier-options{grid-template-columns:1fr}
 .pace-row{grid-template-columns:94px minmax(0,1fr) 30px}
 .evidence-radar{max-height:270px}
}
@media(max-width:360px){.logo{font-size:19px}.header-wrap{padding-inline:12px}.header-account{padding:0 7px}}

/* v0.7.3 — distinct chart provenance, focused navigation and compact book filters */
.nav-section{display:block;padding:13px 13px 4px;border-top:1px solid var(--line);margin-top:5px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.radar-status{border-left:4px solid var(--line);padding:9px 14px;background:var(--soft);border-radius:4px;margin:14px 0 20px;display:flex;flex-direction:column;gap:2px}
.radar-status.reader{border-color:#287cb9}.radar-status.model{border-color:#be8730}.radar-status strong{font-size:1rem}.radar-status span{font-size:13px;color:var(--muted)}
.evidence-cell.reader{background:rgba(40,124,185,.12);border-color:#287cb9}.evidence-cell.model{background:rgba(190,135,48,.15);border-color:#be8730}
.evidence-cell small{font-size:10px;color:var(--muted)}.pace-fill.reader,.legend-reader{background:#287cb9}.pace-fill.model,.legend-model{background:#be8730}
.content-filter-panel,.profile-content{border:1px solid var(--line);border-radius:10px;padding:13px 16px;margin:14px 0 20px;background:var(--white)}
.content-filter-panel summary,.profile-content summary{font-weight:700;cursor:pointer;color:var(--ink)}
.content-filter-panel .category-checks{margin:12px 0}.strict-filter{display:flex;margin:10px 0;padding:10px;width:100%}
.my-book-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0}.my-book-controls .input{margin-top:3px;padding:7px;font-size:12px}
#myBookSearch{margin-top:12px;font-size:12px;padding:9px}
.ratings-sidebar .rating-nav small{display:block;white-space:normal;line-height:1.35}
html[data-theme="dark"] .evidence-cell.reader{background:#273f50;color:#e3f2fa}
html[data-theme="dark"] .evidence-cell.model{background:#50402a;color:#faedd1}
@media(max-width:850px){.my-book-controls{grid-template-columns:1fr}}

/* v0.7.4: one visible recommendation, with obvious alternate picks. */
.recommendation-panel{margin:24px 0 26px;border:1px solid var(--line);border-top:4px solid var(--forest);padding:24px 27px}
.recommendation-main{display:flex;gap:24px;align-items:flex-start;margin-top:14px}
.recommendation-main>.book-cover{width:142px;max-width:31%;flex:0 0 142px}
.recommendation-copy{min-width:0;flex:1}
.recommendation-copy h2{margin:0 0 5px;font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.2}
.recommendation-why{font-size:.95rem;line-height:1.6;margin:15px 0 7px;max-width:60ch}
.recommendation-main .buttons{margin:16px 0 6px}
.recommendation-alternatives{border-top:1px solid var(--line);margin-top:15px;padding-top:14px}
.recommendation-alternatives>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.recommendation-alternative{background:var(--white);color:var(--ink);font:inherit;font-size:.79rem;text-align:left;border:1px solid var(--line);border-radius:9px;padding:10px 12px;max-width:100%;cursor:pointer}
.recommendation-alternative:hover,.recommendation-alternative:focus-visible{border-color:var(--forest);outline-offset:2px}
.recommendation-alternative span{color:var(--muted)}
@media(max-width:690px){.recommendation-panel{padding:19px 17px}.recommendation-main{gap:14px}.recommendation-main>.book-cover{width:93px;flex-basis:93px}.recommendation-copy h2{font-size:1.3rem}.recommendation-main .buttons{gap:7px}.recommendation-main .button{font-size:.83rem;padding:9px 12px}}
