:root{--ink:#1a1410;--parchment:#f5f0e8;--cream:#faf7f2;--gold:#8b6914;--gold-light:#c9a84c;--rust:#7a3b1e;--sage:#4a5c4a;--muted:#7a6f5e;--border:#d4c8b0;}
*{margin:0;padding:0;box-sizing:border-box;}
body{background:var(--cream);color:var(--ink);font-family:'Spectral',Georgia,serif;font-weight:300;overflow-x:hidden;}
body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");pointer-events:none;z-index:1000;opacity:0.4;}
nav{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 4rem;border-bottom:1px solid var(--border);background:var(--cream);position:sticky;top:0;z-index:100;}
.nav-logo{font-family:'Cinzel',serif;font-size:1.4rem;letter-spacing:0.12em;color:var(--ink);text-decoration:none;}
.nav-logo span{color:var(--gold);}
.nav-links{display:flex;gap:2.5rem;list-style:none;}
.nav-links a{font-family:'Spectral',serif;font-size:0.82rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color 0.2s;}
.nav-links a:hover{color:var(--ink);}
.btn-primary{font-family:'Cinzel',serif;font-size:0.72rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--cream);background:var(--ink);border:none;cursor:pointer;padding:0.6rem 1.4rem;transition:background 0.2s;}
.btn-primary:hover{background:var(--rust);}
.user-menu-wrap{position:relative;}
.user-menu-btn{font-family:'Cinzel',serif;font-size:0.72rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--cream);background:var(--ink);border:none;cursor:pointer;padding:0.6rem 1.4rem;transition:background 0.2s;}
.user-menu-btn:hover{background:var(--rust);}
.user-dropdown{display:none;position:absolute;top:calc(100% + 6px);right:0;background:var(--cream);border:1px solid var(--border);box-shadow:0 4px 16px rgba(0,0,0,0.12);min-width:180px;z-index:200;}
.user-dropdown.open{display:block;}
.user-dropdown a,.user-dropdown button{display:block;width:100%;text-align:left;padding:0.65rem 1rem;font-family:'Spectral',serif;font-size:0.82rem;color:var(--ink);text-decoration:none;background:none;border:none;cursor:pointer;border-bottom:1px solid var(--border);transition:background 0.15s;box-sizing:border-box;}
.user-dropdown a:last-child,.user-dropdown button:last-child{border-bottom:none;}
.user-dropdown a:hover,.user-dropdown button:hover{background:var(--parchment);color:var(--rust);}
.user-dropdown .dd-divider{height:1px;background:var(--border);margin:0;}
.user-dropdown .dd-admin{color:var(--gold);font-family:'Cinzel',serif;font-size:0.68rem;letter-spacing:0.1em;}
.modal-btn-flag{color:var(--muted);border:1px solid var(--border);background:transparent;font-size:0.58rem;opacity:0.7;}
.modal-btn-flag:hover{color:var(--error);border-color:var(--error);opacity:1;}
/* Flag modal */
.flag-modal-overlay{display:none;position:fixed;inset:0;background:rgba(26,20,16,0.7);z-index:700;align-items:center;justify-content:center;padding:2rem;}
.flag-modal-overlay.open{display:flex;}
.flag-modal{background:var(--cream);max-width:480px;width:100%;padding:2rem;}
.flag-modal-title{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:400;color:var(--ink);margin-bottom:0.3rem;}
.flag-modal-sub{font-size:0.78rem;color:var(--muted);font-style:italic;margin-bottom:1.5rem;line-height:1.6;}
.flag-reason-option{display:flex;align-items:flex-start;gap:0.9rem;padding:0.8rem 1rem;border:1px solid var(--border);cursor:pointer;margin-bottom:0.5rem;background:white;transition:all 0.2s;}
.flag-reason-option:hover{border-color:rgba(122,30,30,0.4);background:var(--error-bg);}
.flag-reason-option.selected{border-color:var(--error);background:var(--error-bg);}
.flag-reason-radio{width:15px;height:15px;border:2px solid var(--border);border-radius:50%;flex-shrink:0;margin-top:2px;transition:all 0.2s;}
.flag-reason-option.selected .flag-reason-radio{border-color:var(--error);background:var(--error);box-shadow:inset 0 0 0 3px white;}
.flag-reason-title{font-family:'Cormorant Garamond',serif;font-size:0.95rem;font-weight:500;color:var(--ink);margin-bottom:0.15rem;}
.flag-reason-desc{font-size:0.72rem;color:var(--muted);font-style:italic;font-family:'Spectral',serif;line-height:1.4;}
.flag-detail-input{width:100%;font-family:'Spectral',serif;font-size:0.85rem;border:1px solid var(--border);padding:0.65rem 0.9rem;outline:none;background:white;resize:vertical;min-height:70px;margin-top:1rem;}
.flag-detail-input:focus{border-color:var(--gold);}
.flag-modal-btns{display:flex;gap:0.8rem;margin-top:1.5rem;align-items:center;}
.flag-modal-msg{font-size:0.78rem;font-style:italic;font-family:'Spectral',serif;margin-top:0.8rem;color:var(--sage);}
.browse-section{padding:4rem 4rem 5rem;max-width:1400px;margin:0 auto;}
.section-header{text-align:center;margin-bottom:2.5rem;}
.section-eyebrow{font-family:'Cinzel',serif;font-size:0.65rem;letter-spacing:0.3em;text-transform:uppercase;color:var(--gold);margin-bottom:0.8rem;}
.section-title{font-family:'Cormorant Garamond',serif;font-size:2.8rem;font-weight:300;color:var(--ink);line-height:1.1;}
.section-title em{font-style:italic;color:var(--rust);}
.section-line{width:3rem;height:1px;background:var(--gold);margin:1rem auto 0;}
.search-bar{display:flex;border:1px solid var(--border);background:white;max-width:600px;margin:0 auto 2rem;}
.search-bar input{flex:1;padding:0.9rem 1.2rem;font-family:'Spectral',serif;font-size:0.92rem;border:none;outline:none;background:transparent;color:var(--ink);}
.search-bar input::placeholder{color:#bbb;}
.search-bar button{padding:0.9rem 1.5rem;background:var(--gold);border:none;color:white;font-family:'Cinzel',serif;font-size:0.7rem;letter-spacing:0.15em;text-transform:uppercase;cursor:pointer;transition:background 0.2s;}
.search-bar button:hover{background:var(--ink);}
.filter-row{display:flex;gap:0.5rem;margin-bottom:0.8rem;flex-wrap:wrap;align-items:center;}
.filter-label{font-family:'Cinzel',serif;font-size:0.6rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);margin-right:0.3rem;white-space:nowrap;min-width:60px;}
.filter-btn{font-family:'Spectral',serif;font-size:0.73rem;color:var(--muted);background:transparent;border:1px solid var(--border);padding:0.3rem 0.8rem;cursor:pointer;transition:all 0.2s;}
.filter-btn:hover,.filter-btn.active{background:var(--ink);color:var(--cream);border-color:var(--ink);}
.surprise-btn{margin-left:0.8rem;color:var(--gold);border-color:var(--gold);}
.surprise-btn:hover{background:var(--gold);color:var(--cream);border-color:var(--gold);}
.spectrum-btn{font-family:'Spectral',serif;font-size:0.7rem;padding:0.3rem 0.75rem;cursor:pointer;border:1px solid transparent;transition:all 0.2s;}
.spectrum-btn[data-level="1"]{color:#7a9e7a;border-color:#7a9e7a;}
.spectrum-btn[data-level="2"]{color:#5a8a6a;border-color:#5a8a6a;}
.spectrum-btn[data-level="3"]{color:#8b6914;border-color:#8b6914;}
.spectrum-btn[data-level="4"]{color:#7a3b1e;border-color:#7a3b1e;}
.spectrum-btn[data-level="5"]{color:#4a1a0a;border-color:#4a1a0a;}
.spectrum-btn.active,.spectrum-btn:hover{color:white!important;}
.spectrum-btn[data-level="1"].active,.spectrum-btn[data-level="1"]:hover{background:#7a9e7a;}
.spectrum-btn[data-level="2"].active,.spectrum-btn[data-level="2"]:hover{background:#5a8a6a;}
.spectrum-btn[data-level="3"].active,.spectrum-btn[data-level="3"]:hover{background:#8b6914;}
.spectrum-btn[data-level="4"].active,.spectrum-btn[data-level="4"]:hover{background:#7a3b1e;}
.spectrum-btn[data-level="5"].active,.spectrum-btn[data-level="5"]:hover{background:#4a1a0a;}
hr.fd{border:none;border-top:1px solid var(--border);margin:0.6rem 0;}
.results-count{font-family:'Cinzel',serif;font-size:0.6rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);margin-bottom:1.5rem;}
.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:2rem;}
.book-tile{cursor:pointer;transition:transform 0.2s;}
.book-tile:hover{transform:translateY(-4px);}
.book-cover{width:100%;aspect-ratio:2/3;margin-bottom:0.9rem;position:relative;overflow:hidden;box-shadow:2px 4px 14px rgba(0,0,0,0.12);}
.cover-bg{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;position:relative;}
.cover-img{width:100%;height:100%;object-fit:cover;display:block;}
.cover-cross{font-size:1.4rem;color:rgba(255,255,255,0.2);position:absolute;top:0.6rem;right:0.6rem;}
.cover-title{font-family:'Cormorant Garamond',serif;font-size:0.82rem;font-weight:500;color:white;text-align:center;line-height:1.3;text-shadow:0 1px 4px rgba(0,0,0,0.5);}
.cover-author-small{font-size:0.62rem;color:rgba(255,255,255,0.75);margin-top:0.4rem;font-style:italic;font-family:'Spectral',serif;text-align:center;}
.spectrum-pip{position:absolute;bottom:0;left:0;right:0;height:4px;}
.book-tile-title{font-family:'Cormorant Garamond',serif;font-size:0.95rem;font-weight:500;color:var(--ink);margin-bottom:0.15rem;line-height:1.3;}
.book-tile-author{font-size:0.73rem;color:var(--muted);font-style:italic;margin-bottom:0.4rem;font-family:'Spectral',serif;}
.book-tile-meta{display:flex;gap:0.3rem;flex-wrap:wrap;}
.meta-tag{font-size:0.57rem;letter-spacing:0.05em;text-transform:uppercase;padding:0.12rem 0.4rem;font-family:'Spectral',serif;}
.s1{color:#7a9e7a;border:1px solid rgba(122,158,122,0.4);}
.s2{color:#5a8a6a;border:1px solid rgba(90,138,106,0.4);}
.s3{color:#8b6914;border:1px solid rgba(139,105,20,0.4);}
.s4{color:#7a3b1e;border:1px solid rgba(122,59,30,0.4);}
.s5{color:#4a1a0a;border:1px solid rgba(74,26,10,0.4);}
.tg{color:var(--sage);border:1px solid rgba(74,92,74,0.3);}
.flag-row{display:flex;gap:0.25rem;margin-top:0.3rem;flex-wrap:wrap;}
.flag{font-size:0.55rem;padding:0.1rem 0.35rem;font-family:'Spectral',serif;letter-spacing:0.04em;}
.fv{background:rgba(122,59,30,0.1);color:var(--rust);}
.fg{background:rgba(90,90,90,0.1);color:#555;}
.fn{background:rgba(74,92,74,0.1);color:var(--sage);}
.fc{background:rgba(139,105,20,0.1);color:var(--gold);}
.fmy{background:rgba(180,60,0,0.1);color:#b43c00;}
.flag{position:relative;cursor:default;}
.flag .flag-tip{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--ink);color:var(--parchment);font-family:'Spectral',serif;font-size:0.72rem;font-style:italic;line-height:1.5;white-space:nowrap;padding:0.45rem 0.75rem;border:1px solid rgba(201,168,76,0.2);pointer-events:none;z-index:600;max-width:220px;white-space:normal;text-align:center;}
.flag .flag-tip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--ink);}
.flag:hover .flag-tip{display:block;}
.modal-flag{position:relative;cursor:default;}
.modal-flag .flag-tip{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--ink);color:var(--parchment);font-family:'Spectral',serif;font-size:0.72rem;font-style:italic;line-height:1.5;padding:0.45rem 0.75rem;border:1px solid rgba(201,168,76,0.2);pointer-events:none;z-index:600;width:200px;white-space:normal;text-align:center;}
.modal-flag .flag-tip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--ink);}
.modal-flag:hover .flag-tip{display:block;}
.no-results{text-align:center;padding:4rem 2rem;color:var(--muted);font-style:italic;font-family:'Spectral',serif;}
.catalog-loading{text-align:center;padding:5rem 2rem;color:var(--muted);}
.catalog-loading-text{font-family:'Cinzel',serif;font-size:0.65rem;letter-spacing:0.3em;text-transform:uppercase;color:var(--muted);margin-top:1.2rem;}
.ark-scene{width:160px;height:80px;display:inline-block;position:relative;}
@keyframes bob{0%,100%{transform:translateY(0px) rotate(-1deg);}50%{transform:translateY(-5px) rotate(1deg);}}
@keyframes wave1{0%,100%{transform:translateX(0);}50%{transform:translateX(-12px);}}
@keyframes wave2{0%,100%{transform:translateX(0);}50%{transform:translateX(10px);}}
@keyframes dove{0%{transform:translate(0,0) scaleX(1);}40%{transform:translate(30px,-18px) scaleX(1);}50%{transform:translate(36px,-20px) scaleX(-1);}90%{transform:translate(6px,-4px) scaleX(-1);}100%{transform:translate(0,0) scaleX(1);}}
.ark-boat{animation:bob 3s ease-in-out infinite;transform-origin:center bottom;}
.ark-wave1{animation:wave1 3s ease-in-out infinite;}
.ark-wave2{animation:wave2 3s ease-in-out infinite 0.4s;}
.ark-dove{animation:dove 4s ease-in-out infinite 1s;}
.modal-overlay{display:none;position:fixed;inset:0;background:rgba(26,20,16,0.85);z-index:500;align-items:center;justify-content:center;padding:2rem;}
.modal-overlay.open{display:flex;}
.modal{background:var(--cream);max-width:820px;width:100%;max-height:90vh;overflow-y:auto;display:grid;grid-template-columns:220px 1fr;}
.modal-cover-col{background:var(--parchment);}
.modal-cover-img{width:220px;height:330px;object-fit:cover;display:block;}
.modal-cover-bg{width:220px;height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;}
.modal-cover-title{font-family:'Cormorant Garamond',serif;font-size:1rem;color:white;text-align:center;line-height:1.3;font-weight:500;text-shadow:0 1px 4px rgba(0,0,0,0.4);}
.modal-cover-author{font-size:0.72rem;color:rgba(255,255,255,0.75);margin-top:0.5rem;font-style:italic;font-family:'Spectral',serif;text-align:center;}
.modal-spectrum-bar{height:6px;width:100%;}
.modal-body{padding:2rem;border-left:1px solid var(--border);position:relative;}
.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:var(--muted);cursor:pointer;line-height:1;}
.modal-title{font-family:'Cormorant Garamond',serif;font-size:1.7rem;font-weight:400;color:var(--ink);margin-bottom:0.2rem;line-height:1.2;padding-right:2rem;}
.modal-author{font-size:0.88rem;color:var(--muted);font-style:italic;margin-bottom:0.8rem;font-family:'Spectral',serif;}
.modal-spec-label{display:inline-block;font-family:'Cinzel',serif;font-size:0.6rem;letter-spacing:0.15em;text-transform:uppercase;padding:0.25rem 0.7rem;margin-bottom:1rem;color:white;}
.modal-tags{display:flex;gap:0.4rem;flex-wrap:wrap;margin-bottom:0.8rem;}
.modal-tag{font-size:0.6rem;letter-spacing:0.07em;text-transform:uppercase;padding:0.15rem 0.5rem;border:1px solid var(--border);color:var(--muted);font-family:'Spectral',serif;}
.modal-flags{display:flex;gap:0.3rem;flex-wrap:wrap;margin-bottom:0.8rem;}
.modal-flag{font-size:0.62rem;padding:0.15rem 0.5rem;font-family:'Spectral',serif;}
.modal-desc{font-size:0.86rem;color:var(--ink);line-height:1.85;margin-bottom:1.2rem;font-family:'Spectral',serif;}
.modal-curator{background:var(--parchment);border-left:3px solid var(--gold);padding:1rem 1.2rem;margin-bottom:1.2rem;}
.modal-curator-label{font-family:'Cinzel',serif;font-size:0.58rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:0.4rem;}
.modal-curator-text{font-size:0.84rem;font-style:italic;color:var(--ink);line-height:1.8;font-family:'Spectral',serif;}
.modal-content-notes{background:rgba(122,59,30,0.05);border:1px solid rgba(122,59,30,0.2);padding:0.7rem 1rem;margin-bottom:1rem;font-size:0.78rem;color:var(--rust);font-family:'Spectral',serif;font-style:italic;}
.modal-content-notes-label{font-family:'Cinzel',serif;font-size:0.55rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--rust);display:block;margin-bottom:0.2rem;}
.modal-meta{display:grid;grid-template-columns:1fr 1fr;gap:0.6rem;margin-bottom:1.2rem;padding:0.8rem 1rem;background:var(--parchment);border:1px solid var(--border);}
.modal-meta-item label{display:block;font-family:'Cinzel',serif;font-size:0.55rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);margin-bottom:0.15rem;}
.modal-meta-item span{font-family:'Spectral',serif;font-size:0.8rem;color:var(--ink);}
.modal-actions{display:flex;gap:0.6rem;flex-wrap:wrap;}
.modal-btn{font-family:'Cinzel',serif;font-size:0.62rem;letter-spacing:0.12em;text-transform:uppercase;padding:0.55rem 1.1rem;cursor:pointer;border:1px solid var(--ink);background:transparent;color:var(--ink);transition:all 0.2s;}
.modal-btn.primary{background:var(--ink);color:var(--cream);}
.modal-btn:hover{opacity:0.7;}
.shelf-btns{display:flex;gap:0.4rem;flex-wrap:wrap;margin-bottom:0.6rem;}
.shelf-btn{font-family:'Cinzel',serif;font-size:0.58rem;letter-spacing:0.12em;text-transform:uppercase;padding:0.5rem 0.9rem;cursor:pointer;border:1px solid rgba(26,20,16,0.3);background:transparent;color:var(--muted);transition:all 0.2s;}
.shelf-btn:hover{border-color:var(--ink);color:var(--ink);}
.shelf-btn.active-want{background:#4a5c4a;border-color:#4a5c4a;color:white;}
.shelf-btn.active-reading{background:#8b6914;border-color:#8b6914;color:white;}
.shelf-btn.active-read{background:#7a3b1e;border-color:#7a3b1e;color:white;}
.shelf-btn.loading{opacity:0.5;cursor:not-allowed;}
.shelf-signin-note{font-family:'Spectral',serif;font-size:0.75rem;color:var(--muted);font-style:italic;margin-bottom:0.6rem;}
.shelf-signin-note a{color:var(--rust);text-decoration:none;}
.shelf-signin-note a:hover{text-decoration:underline;}
.modal-account-nudge{background:linear-gradient(135deg,rgba(139,105,20,0.08),rgba(122,59,30,0.06));border:1px solid rgba(201,168,76,0.25);padding:1rem 1.2rem;margin-bottom:0.8rem;display:flex;align-items:center;gap:1rem;}
.nudge-cross{font-size:1.2rem;color:var(--gold-light);flex-shrink:0;}
.nudge-text{flex:1;font-family:'Spectral',serif;font-size:0.8rem;color:var(--ink);line-height:1.6;}
.nudge-text strong{font-family:'Cormorant Garamond',serif;font-size:0.92rem;font-weight:500;display:block;margin-bottom:0.2rem;}
.nudge-actions{display:flex;gap:0.5rem;flex-wrap:wrap;margin-top:0.5rem;}
.nudge-btn-primary{font-family:'Cinzel',serif;font-size:0.58rem;letter-spacing:0.12em;text-transform:uppercase;background:var(--ink);color:var(--cream);border:none;padding:0.4rem 0.9rem;text-decoration:none;cursor:pointer;transition:background 0.2s;display:inline-block;}
.nudge-btn-primary:hover{background:var(--rust);}
.nudge-btn-ghost{font-family:'Spectral',serif;font-size:0.75rem;font-style:italic;color:var(--muted);background:none;border:none;cursor:pointer;padding:0.4rem 0;text-decoration:underline;text-decoration-style:dotted;}
.nudge-btn-ghost:hover{color:var(--ink);}
.tour-overlay{display:none;position:fixed;inset:0;background:rgba(26,20,16,0.92);z-index:2000;align-items:center;justify-content:center;padding:2rem;backdrop-filter:blur(4px);}
.tour-overlay.open{display:flex;}
.tour-box{background:var(--ink);border:1px solid rgba(201,168,76,0.25);max-width:560px;width:100%;padding:0;position:relative;box-shadow:0 20px 60px rgba(0,0,0,0.6);}
.tour-header{padding:2rem 2rem 1.5rem;border-bottom:1px solid rgba(201,168,76,0.1);}
.tour-eyebrow{font-family:'Cinzel',serif;font-size:0.58rem;letter-spacing:0.3em;text-transform:uppercase;color:var(--gold-light);margin-bottom:0.6rem;}
.tour-title{font-family:'Cormorant Garamond',serif;font-size:1.8rem;font-weight:300;color:var(--parchment);line-height:1.2;margin-bottom:0;}
.tour-title em{font-style:italic;color:var(--gold-light);}
.tour-body{padding:1.8rem 2rem;min-height:180px;}
.tour-panel{display:none;}
.tour-panel.active{display:block;}
.tour-panel p{font-family:'Spectral',serif;font-size:0.88rem;color:rgba(245,240,232,0.7);line-height:1.85;margin-bottom:1rem;}
.tour-panel p:last-child{margin-bottom:0;}
.tour-panel strong{font-family:'Cormorant Garamond',serif;font-size:1rem;font-weight:500;color:var(--parchment);}
.tour-spectrum-row{display:flex;align-items:center;gap:0.8rem;padding:0.5rem 0;border-bottom:1px solid rgba(212,200,176,0.08);font-family:'Spectral',serif;font-size:0.78rem;color:rgba(245,240,232,0.6);}
.tour-spectrum-row:last-child{border-bottom:none;}
.tour-pip{width:10px;height:10px;border-radius:50%;flex-shrink:0;}
.tour-spectrum-num{font-family:'Cinzel',serif;font-size:0.6rem;color:rgba(201,168,76,0.5);width:1rem;}
.tour-ctas{display:flex;gap:0.8rem;flex-wrap:wrap;margin-top:1.2rem;}
.tour-cta-primary{font-family:'Cinzel',serif;font-size:0.65rem;letter-spacing:0.15em;text-transform:uppercase;background:var(--gold-light);color:var(--ink);border:none;padding:0.75rem 1.8rem;text-decoration:none;cursor:pointer;transition:background 0.2s;display:inline-block;font-weight:500;}
.tour-cta-primary:hover{background:var(--gold);color:white;}
.tour-cta-secondary{font-family:'Spectral',serif;font-size:0.82rem;font-style:italic;color:rgba(245,240,232,0.5);background:none;border:1px solid rgba(212,200,176,0.2);padding:0.75rem 1.4rem;cursor:pointer;transition:all 0.2s;text-decoration:none;display:inline-block;}
.tour-cta-secondary:hover{color:var(--parchment);border-color:rgba(212,200,176,0.5);}
.tour-footer{padding:1.2rem 2rem;border-top:1px solid rgba(201,168,76,0.1);display:flex;align-items:center;justify-content:space-between;}
.tour-dots{display:flex;gap:0.5rem;}
.tour-dot{width:6px;height:6px;border-radius:50%;background:rgba(201,168,76,0.25);cursor:pointer;transition:background 0.2s;}
.tour-dot.active{background:var(--gold-light);}
.tour-nav{display:flex;gap:0.6rem;align-items:center;}
.tour-btn{font-family:'Cinzel',serif;font-size:0.58rem;letter-spacing:0.12em;text-transform:uppercase;background:transparent;border:1px solid rgba(212,200,176,0.25);color:rgba(245,240,232,0.5);padding:0.4rem 1rem;cursor:pointer;transition:all 0.2s;}
.tour-btn:hover{border-color:var(--gold-light);color:var(--parchment);}
.tour-btn.primary{background:rgba(201,168,76,0.15);color:var(--gold-light);border-color:rgba(201,168,76,0.3);}
.tour-btn.primary:hover{background:rgba(201,168,76,0.25);}
.tour-skip{font-family:'Spectral',serif;font-size:0.72rem;font-style:italic;color:rgba(245,240,232,0.25);background:none;border:none;cursor:pointer;position:absolute;top:1rem;right:1rem;transition:color 0.2s;}
.tour-skip:hover{color:rgba(245,240,232,0.5);}
.shelf-badge{position:absolute;top:0;right:0;font-family:'Cinzel',serif;font-size:0.48rem;letter-spacing:0.08em;text-transform:uppercase;padding:0.25rem 0.45rem;color:white;z-index:10;line-height:1.2;}
.shelf-badge.badge-want{background:#4a5c4a;}
.shelf-badge.badge-reading{background:#8b6914;}
.shelf-badge.badge-read{background:#7a3b1e;}
.dates-section{margin-top:1rem;border-top:1px solid var(--border);padding-top:1rem;}
.dates-label{font-family:'Cinzel',serif;font-size:0.58rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:0.7rem;}
.dates-list{display:flex;flex-direction:column;gap:0.5rem;margin-bottom:0.8rem;}
.date-entry{display:flex;align-items:baseline;gap:0.7rem;font-family:'Spectral',serif;font-size:0.8rem;color:var(--ink);}
.date-entry .de-date{font-weight:400;white-space:nowrap;color:var(--rust);}
.date-entry .de-note{color:var(--muted);font-style:italic;flex:1;}
.date-entry .de-del{background:none;border:none;color:#ccc;cursor:pointer;font-size:0.85rem;padding:0;line-height:1;transition:color 0.2s;}
.date-entry .de-del:hover{color:var(--rust);}
.dates-empty{font-family:'Spectral',serif;font-size:0.78rem;color:var(--muted);font-style:italic;margin-bottom:0.8rem;}
.add-date-form{display:flex;gap:0.5rem;flex-wrap:wrap;align-items:center;}
.add-date-form input[type=date]{font-family:'Spectral',serif;font-size:0.78rem;color:var(--ink);border:1px solid var(--border);padding:0.35rem 0.6rem;background:white;outline:none;}
.add-date-form input[type=text]{font-family:'Spectral',serif;font-size:0.78rem;color:var(--ink);border:1px solid var(--border);padding:0.35rem 0.6rem;background:white;outline:none;flex:1;min-width:120px;}
.add-date-form input::placeholder{color:#bbb;}
.add-date-btn{font-family:'Cinzel',serif;font-size:0.58rem;letter-spacing:0.1em;text-transform:uppercase;padding:0.4rem 0.9rem;background:var(--ink);color:var(--cream);border:none;cursor:pointer;transition:background 0.2s;}
.add-date-btn:hover{background:var(--rust);}
.related-section{margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid var(--border);}
.related-label{font-family:'Cinzel',serif;font-size:0.58rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:0.9rem;}
.related-strip{display:flex;gap:0.8rem;}
.related-book{display:flex;flex-direction:column;gap:0.4rem;cursor:pointer;flex:1;min-width:0;transition:opacity 0.2s;}
.related-book:hover{opacity:0.75;}
.related-thumb{width:100%;aspect-ratio:2/3;object-fit:cover;box-shadow:1px 2px 8px rgba(0,0,0,0.15);display:block;}
.related-thumb-bg{width:100%;aspect-ratio:2/3;display:flex;align-items:center;justify-content:center;box-shadow:1px 2px 8px rgba(0,0,0,0.15);font-size:0.8rem;color:rgba(255,255,255,0.2);}
.related-pip{height:3px;width:100%;}
.related-title{font-family:'Cormorant Garamond',serif;font-size:0.8rem;font-weight:500;color:var(--ink);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.related-author{font-size:0.65rem;color:var(--muted);font-style:italic;font-family:'Spectral',serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.find-copy-wrap{position:relative;display:inline-block;}
.find-copy-menu{display:none;position:absolute;bottom:calc(100% + 6px);left:0;background:var(--cream);border:1px solid var(--border);box-shadow:0 4px 16px rgba(0,0,0,0.12);min-width:200px;z-index:200;}
.find-copy-menu.open{display:block;}
.find-copy-link{display:block;padding:0.6rem 1rem;font-family:'Spectral',serif;font-size:0.82rem;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--border);transition:background 0.15s;}
.find-copy-link:last-child{border-bottom:none;}
.find-copy-link:hover{background:var(--parchment);color:var(--rust);}
.quote-band{background:var(--ink);padding:4rem;text-align:center;}
.quote-text{font-family:'Cormorant Garamond',serif;font-size:1.9rem;font-weight:300;font-style:italic;color:var(--parchment);max-width:700px;margin:0 auto 1rem;line-height:1.4;}
.quote-source{font-family:'Cinzel',serif;font-size:0.65rem;letter-spacing:0.25em;text-transform:uppercase;color:var(--gold);}
footer{background:var(--parchment);border-top:1px solid var(--border);padding:3rem 4rem;display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;}
.footer-brand .nav-logo{display:block;margin-bottom:0.8rem;font-size:1.2rem;}
.footer-brand p{font-size:0.82rem;color:var(--muted);line-height:1.7;font-style:italic;font-family:'Spectral',serif;}
.footer-col h4{font-family:'Cinzel',serif;font-size:0.62rem;letter-spacing:0.25em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:0.5rem;}
.footer-col a{font-size:0.82rem;color:var(--muted);text-decoration:none;font-family:'Spectral',serif;transition:color 0.2s;}
.footer-col a:hover{color:var(--ink);}
.footer-bottom{border-top:1px solid var(--border);padding:1.5rem 4rem;display:flex;justify-content:space-between;background:var(--parchment);}
.footer-bottom p{font-size:0.72rem;color:var(--muted);font-family:'Spectral',serif;}
.profile-overlay{display:none;position:fixed;inset:0;background:rgba(26,20,16,0.92);z-index:2100;align-items:center;justify-content:center;padding:2rem;backdrop-filter:blur(4px);}
.profile-overlay.open{display:flex;}
.profile-box{background:var(--ink);border:1px solid rgba(201,168,76,0.25);max-width:580px;width:100%;position:relative;box-shadow:0 20px 60px rgba(0,0,0,0.6);}
.profile-header{padding:1.8rem 2rem 1.4rem;border-bottom:1px solid rgba(201,168,76,0.1);}
.profile-eyebrow{font-family:'Cinzel',serif;font-size:0.58rem;letter-spacing:0.3em;text-transform:uppercase;color:var(--gold-light);margin-bottom:0.5rem;}
.profile-question{font-family:'Cormorant Garamond',serif;font-size:1.6rem;font-weight:300;color:var(--parchment);line-height:1.3;}
.profile-body{padding:1.5rem 2rem;}
.profile-cards{display:grid;grid-template-columns:1fr 1fr;gap:0.7rem;}
.profile-card{display:flex;flex-direction:column;gap:0.4rem;padding:1rem 1.1rem;border:1px solid rgba(212,200,176,0.15);cursor:pointer;transition:all 0.2s;background:transparent;text-align:left;}
.profile-card:hover{border-color:rgba(201,168,76,0.4);background:rgba(201,168,76,0.05);}
.profile-card.selected{border-color:var(--gold-light);background:rgba(201,168,76,0.1);}
.profile-card-icon{font-size:1.2rem;}
.profile-card-title{font-family:'Cormorant Garamond',serif;font-size:1.05rem;font-weight:500;color:var(--parchment);line-height:1.2;}
.profile-card-desc{font-family:'Spectral',serif;font-size:0.72rem;font-style:italic;color:rgba(245,240,232,0.5);line-height:1.5;}
.profile-tradition-grid{display:flex;flex-wrap:wrap;gap:0.4rem;}
.profile-trad-chip{font-family:'Spectral',serif;font-size:0.72rem;letter-spacing:0.04em;padding:0.3rem 0.85rem;border:1px solid rgba(212,200,176,0.2);cursor:pointer;transition:all 0.18s;background:transparent;color:rgba(245,240,232,0.55);user-select:none;}
.profile-trad-chip:hover{border-color:rgba(201,168,76,0.4);color:var(--parchment);}
.profile-trad-chip.selected{background:rgba(201,168,76,0.18);border-color:var(--gold-light);color:var(--gold-light);}
.profile-footer{padding:1.2rem 2rem;border-top:1px solid rgba(201,168,76,0.1);display:flex;align-items:center;justify-content:space-between;gap:1rem;}
.profile-hint{font-family:'Spectral',serif;font-size:0.72rem;font-style:italic;color:rgba(245,240,232,0.3);}
.profile-btn{font-family:'Cinzel',serif;font-size:0.62rem;letter-spacing:0.18em;text-transform:uppercase;padding:0.7rem 1.8rem;cursor:pointer;transition:all 0.2s;border:none;}
.profile-btn.primary{background:var(--gold-light);color:var(--ink);}
.profile-btn.primary:hover{background:var(--gold);color:white;}
.profile-btn.ghost{background:transparent;color:rgba(245,240,232,0.4);border:1px solid rgba(212,200,176,0.2);padding:0.7rem 1.2rem;}
.profile-btn.ghost:hover{color:var(--parchment);border-color:rgba(212,200,176,0.5);}
.profile-close{position:absolute;top:1rem;right:1rem;font-family:'Spectral',serif;font-size:0.75rem;font-style:italic;color:rgba(245,240,232,0.25);background:none;border:none;cursor:pointer;transition:color 0.2s;}
.profile-close:hover{color:rgba(245,240,232,0.5);}
.profile-step{display:none;}
.profile-step.active{display:block;}
.profile-strip{display:flex;align-items:center;gap:0.6rem;flex-wrap:wrap;padding:0.55rem 0;margin-bottom:1.2rem;border-bottom:1px solid var(--border);}
.profile-strip-label{font-family:'Cinzel',serif;font-size:0.55rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);}
.profile-chip{font-family:'Spectral',serif;font-size:0.72rem;padding:0.2rem 0.7rem;border:1px solid rgba(139,105,20,0.35);background:rgba(139,105,20,0.07);color:var(--gold);}
.profile-clear-btn{font-family:'Cinzel',serif;font-size:0.55rem;letter-spacing:0.12em;text-transform:uppercase;background:transparent;border:none;color:var(--muted);cursor:pointer;padding:0.2rem 0.4rem;transition:color 0.2s;text-decoration:underline;text-decoration-style:dotted;}
.profile-clear-btn:hover{color:var(--rust);}
.profile-refine-btn{font-family:'Cinzel',serif;font-size:0.55rem;letter-spacing:0.15em;text-transform:uppercase;background:transparent;border:1px solid var(--border);color:var(--muted);padding:0.3rem 0.8rem;cursor:pointer;transition:all 0.2s;margin-left:auto;}
.profile-refine-btn:hover{border-color:var(--gold);color:var(--gold);}
@media(max-width:900px){
  nav{padding:1.2rem 2rem;}.nav-links{display:none;}
  .browse-section{padding:3rem 1.5rem;}
  footer{grid-template-columns:1fr;padding:2rem;}
  .footer-bottom{padding:1rem 2rem;flex-direction:column;gap:0.5rem;}
  .modal{grid-template-columns:1fr;}.modal-cover-col{display:none;}
}
.toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(2rem);background:var(--ink);color:var(--cream);font-family:'Spectral',serif;font-style:italic;font-size:0.9rem;padding:0.75rem 1.5rem;border-radius:2px;opacity:0;pointer-events:none;transition:opacity 0.3s,transform 0.3s;z-index:9999;white-space:nowrap;}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0);}