*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#faf8f5;--surface:#fff;--surface-hover:#f5f0eb;--border:#e8e0d8;--text:#3a3330;--text-muted:#8a7f76;--accent:#b48b6e;--accent-hover:#a07a5e;--accent-light:hsla(25,32%,57%,.12);--success:#6a9e78;--warning:#c4a24e;--error:#c26a6a;--lavender:#c4b5d4;--sage:#b0c4a8;--rose:#d4b0b0;--sky:#a8c0c4}[data-theme=dark]{--bg:#211a16;--surface:#2b221d;--surface-hover:#352a23;--border:hsla(29,35%,75%,.18);--text:#f3e9dd;--text-muted:#c9b8a8;--accent:#d8a07e;--accent-hover:#e0b094;--accent-light:hsla(23,54%,67%,.14);--success:#7fae8a;--warning:#d4b46a;--error:#d88a8a;--lavender:#a99bc4;--sage:#9bb495;--rose:#c49b9b;--sky:#92b0b4}[data-theme=dark] .shelf-board{background:#4a3d34}body{font-family:var(--font-inter),-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}.app,body{min-height:100vh}.navbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:var(--surface);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-logo{font-size:1.3rem;font-weight:700;color:var(--accent);text-decoration:none;letter-spacing:.02em;font-style:italic}.nav-links{display:flex;gap:1.5rem}.nav-links a{color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text)}.main-content{max-width:1200px;margin:0 auto;padding:2rem}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.book-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem;transition:all .2s;cursor:pointer;text-decoration:none;color:inherit;display:flex;gap:1rem;align-items:flex-start;box-shadow:0 1px 3px rgba(0,0,0,.04)}.book-card:hover{background:var(--surface-hover);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.06)}.book-cover-img{object-fit:cover;border-radius:4px;flex-shrink:0}.book-cover-placeholder{flex-shrink:0;border-radius:4px;background:var(--bg);border:1px dashed var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.book-card-info{flex:1 1;min-width:0}.book-card h3{font-size:1.05rem;font-weight:600;margin-bottom:.25rem}.book-card .author{color:var(--text-muted);font-size:.85rem;margin-bottom:.5rem}.emotion-dots{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.emotion-dot{font-size:.7rem;padding:.15rem .5rem;border-radius:10px;white-space:nowrap;font-weight:500}.catalogue-filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.filter-pill{background:var(--surface);border:1.5px solid var(--border);border-radius:20px;padding:.4rem .9rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s;line-height:1}.filter-pill:hover{background:var(--surface-hover)}.filter-count{opacity:.65;font-size:.78rem;margin-left:.2rem}.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.media-badge{font-size:.62rem;text-transform:uppercase;letter-spacing:.04em;font-weight:600;padding:.1rem .4rem;border:1px solid;border-radius:6px;white-space:nowrap;flex-shrink:0;margin-top:.15rem}.catalogue-controls{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}.catalogue-search{flex:1 1;min-width:220px;background:var(--surface);border:1.5px solid var(--border);border-radius:10px;padding:.5rem .85rem;font-size:.9rem;color:var(--text)}.catalogue-search:focus{outline:none;border-color:var(--accent)}.control{display:flex;align-items:center;gap:.4rem}.control-label{font-size:.78rem;color:var(--text-muted);font-weight:600}.sort-select{background:var(--surface);border:1.5px solid var(--border);border-radius:10px;padding:.5rem .6rem;font-size:.85rem;color:var(--text)}.mood-chip,.sort-select{cursor:pointer;text-transform:capitalize}.mood-chip{background:var(--accent-light);border:1.5px solid var(--accent);color:var(--accent-hover);border-radius:20px;padding:.4rem .8rem;font-size:.82rem;font-weight:500}.emotion-dot.clickable{cursor:pointer;border:1px solid transparent}.emotion-dot.clickable:hover{filter:brightness(.95)}.emotion-dot.selected{border-color:currentColor;font-weight:700}.card-meta{font-size:.78rem;margin-bottom:.15rem}.card-feels,.card-meta{color:var(--text-muted)}.card-feels{margin-top:.5rem;font-size:.74rem}.card-feels span{color:var(--accent-hover);font-weight:500}.shelf-view{min-height:calc(100vh - 9rem);display:flex;flex-direction:column;justify-content:center}.shelf-view .page-header{text-align:center;margin-bottom:1.75rem}.shelf-stage{margin:0}.shelf-books{display:flex;align-items:flex-end;justify-content:center;gap:10px;width:100%;min-height:340px}.shelf-book{position:relative;flex:0 0 auto;width:84px;border:none;border-radius:3px 3px 0 0;background-color:var(--spine);background-image:linear-gradient(90deg,rgba(0,0,0,.2) 0,hsla(0,0%,100%,.1) 16%,hsla(0,0%,100%,.12) 48%,rgba(0,0,0,.08) 80%,rgba(0,0,0,.22));color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:1rem 0 .9rem;box-shadow:0 5px 12px rgba(0,0,0,.14);transition:transform .22s cubic-bezier(.2,.8,.3,1.1),box-shadow .22s,filter .22s,opacity .22s}.shelf-book:after,.shelf-book:before{content:"";position:absolute;left:0;right:0;height:4px;border-top:1px solid hsla(0,0%,100%,.16);border-bottom:1px solid rgba(0,0,0,.16)}.shelf-book:before{top:13px}.shelf-book:after{bottom:30px}.shelf-book:hover{transform:translateY(-18px) rotate(-1.5deg);box-shadow:0 16px 24px rgba(0,0,0,.22)}.shelf-books:hover .shelf-book:not(:hover){opacity:.55}.shelf-book-title{writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed;flex:1 1;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.05rem;letter-spacing:.06em;text-shadow:0 1px 2px rgba(0,0,0,.25)}.shelf-book-count{font-size:.72rem;font-weight:500;opacity:.7}.shelf-board{height:14px;border-radius:2px;background:#cdbfb2;box-shadow:0 9px 16px rgba(0,0,0,.1);width:100%}.shelf-grid-mobile{display:none}.shelf-cat{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start;text-align:left;padding:1rem;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--spine);border-radius:10px;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.04)}.shelf-cat-label{font-weight:600;color:var(--text)}.shelf-cat-count{font-size:.8rem;color:var(--text-muted)}@media (max-width:720px){.shelf-stage{display:none}.shelf-view{justify-content:flex-start;min-height:auto}.shelf-grid-mobile{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.75rem;gap:.75rem}}.catalogue-gridhead{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.shelf-back{background:var(--surface);color:var(--text);border:1.5px solid var(--border);border-radius:10px;padding:.45rem .85rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s}.shelf-back:hover{background:var(--surface-hover);border-color:var(--accent);color:var(--accent)}.gridhead-count{color:var(--text-muted);font-size:.85rem;margin-left:auto}.book-detail{max-width:900px}.book-detail h1{font-size:2rem;font-weight:700;letter-spacing:-.02em}.book-detail .author{color:var(--text-muted);font-size:1.1rem;margin-bottom:1.5rem}.book-detail .description{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:2rem;line-height:1.7;color:var(--text-muted);box-shadow:0 1px 3px rgba(0,0,0,.04)}.detail-header{display:flex;gap:1.75rem;align-items:flex-start;margin:1rem 0 1.75rem}.detail-header .book-cover-img,.detail-header .book-cover-placeholder{border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,.14)}.detail-header-info{flex:1 1;min-width:0;padding-top:.25rem}.detail-header-info h1{margin-bottom:.35rem}.detail-header-info .author{margin-bottom:.6rem}.detail-meta{color:var(--text-muted);font-size:.85rem}@media (max-width:560px){.detail-header{flex-direction:column;gap:1rem}}.section-title{font-size:1.2rem;font-weight:600;margin-bottom:1rem;margin-top:2rem}.chart-container{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px rgba(0,0,0,.04)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.85rem;font-weight:500;color:var(--text-muted);margin-bottom:.4rem}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.95rem;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent)}.btn,button{padding:.65rem 1.5rem;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s;font-family:inherit;text-decoration:none;display:inline-block}.btn:hover,button:hover{background:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}.nav-links a.nav-signin{color:var(--accent);font-weight:600}.nav-links a.nav-user-name{color:var(--text);font-weight:600}.nav-user{display:flex;align-items:center;gap:.75rem}.nav-logout{padding:.3rem .7rem;background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:8px;font-size:.8rem;font-weight:500}.nav-logout:hover{background:var(--surface-hover);color:var(--text)}.nav-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;padding:.4rem;cursor:pointer}.nav-toggle span{width:22px;height:2px;background:var(--text);border-radius:2px}@media (max-width:720px){.nav-toggle{display:flex}.nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 8px 24px rgba(0,0,0,.12);padding:.25rem 2rem 1rem;display:none}.nav-links.open{display:flex}.nav-links .nav-user,.nav-links>a{padding:.7rem 0;border-top:1px solid var(--border)}.nav-user{justify-content:space-between}}.auth-page{display:flex;justify-content:center;padding-top:3rem}.auth-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2rem}.auth-card h1{font-size:1.5rem;margin-bottom:.35rem}.auth-sub{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.auth-form{gap:1rem}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:.35rem}.auth-field span{font-size:.85rem;font-weight:500;color:var(--text)}.auth-field em{color:var(--text-muted);font-style:normal;font-weight:400}.auth-field input{padding:.6rem .75rem;border:1.5px solid var(--border);border-radius:8px;font-size:.95rem;font-family:inherit;background:var(--bg);color:var(--text)}.auth-field input:focus{outline:none;border-color:var(--accent)}.auth-error{color:var(--error,#c0392b);font-size:.85rem;margin:0}.auth-submit{display:inline-block;text-align:center;width:100%;padding:.7rem;background:var(--accent);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;text-decoration:none}.auth-submit:hover{background:var(--accent-hover)}.auth-toggle{margin-top:1.25rem;font-size:.85rem;color:var(--text-muted);text-align:center}.auth-toggle button{background:none;border:none;color:var(--accent);font-weight:600;cursor:pointer;padding:0;font-size:.85rem}.auth-toggle button:hover{color:var(--accent-hover)}.account-card{max-width:460px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.75rem}.account-actions{display:flex;align-items:center;gap:1rem}.account-actions .auth-submit{width:auto;padding:.6rem 1.5rem}.account-saved{color:var(--accent);font-size:.85rem}.account-divider{border:none;border-top:1px solid var(--border);margin:1.5rem 0}.similar-list{display:flex;flex-direction:column;gap:.75rem}.similar-item{display:flex;align-items:center;gap:1rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem 1.25rem;text-decoration:none;color:inherit;transition:all .2s;box-shadow:0 1px 3px rgba(0,0,0,.04)}.similar-item-cover{width:40px;height:60px;object-fit:cover;border-radius:3px;flex-shrink:0}.similar-item .info{flex:1 1;min-width:0}.similar-item:hover{border-color:var(--accent);background:var(--surface-hover);box-shadow:0 4px 12px rgba(0,0,0,.06)}.similar-item .info h4{font-size:.95rem}.similar-item .info .author{font-size:.8rem;color:var(--text-muted)}.similarity-badge{font-size:.8rem;font-weight:600;color:var(--accent);background:var(--accent-light);padding:.3rem .7rem;border-radius:6px;white-space:nowrap}.rating-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.rating-row{display:flex;align-items:center;gap:1rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem;box-shadow:0 1px 3px rgba(0,0,0,.04)}.rating-row .remove-btn{background:transparent;color:var(--text-muted);padding:.25rem .5rem;font-size:1.1rem}.rating-row .remove-btn:hover{color:var(--error)}.log-panel{margin-top:.85rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem 1.25rem;box-shadow:0 1px 3px rgba(0,0,0,.04)}.log-panel-head{display:flex;gap:.75rem;align-items:center}.log-panel-meta{display:flex;flex-direction:column;min-width:0}.log-hint{font-size:.85rem;color:var(--text-muted);margin:.85rem 0 .6rem}.emotion-feedback{display:flex;flex-direction:column;gap:.4rem}.ef-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.ef-label{font-size:.8rem;padding:.2rem .65rem;border-radius:20px;text-transform:capitalize;font-weight:500}.ef-scale{display:flex;align-items:center;gap:.3rem;flex-shrink:0}.ef-end{font-size:.62rem;color:var(--text-muted);white-space:nowrap}.ef-dot{width:15px;height:15px;padding:0;border-radius:50%;background:var(--bg);border:1.5px solid var(--border);cursor:pointer;transition:all .12s}.ef-dot:hover{border-color:var(--accent);transform:scale(1.15)}.ef-dot.on{background:var(--text-muted);border-color:var(--text-muted)}.ef-dot.on.pos{background:var(--success);border-color:var(--success)}.ef-dot.on.neg{background:var(--error);border-color:var(--error)}.rating-row.logged{flex-direction:column;align-items:stretch;gap:.6rem}.logged-head{display:flex;align-items:center;gap:.85rem}.logged-head .rated-book-info{flex:1 1;min-width:0}.fb-summary{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}.fb-summary.muted{color:var(--text-muted);font-size:.8rem}.fb-chip{font-size:.72rem;padding:.1rem .5rem;border-radius:10px;white-space:nowrap;background:var(--surface-hover);color:var(--text-muted)}.link-btn{background:none;border:none;color:var(--accent);font-size:.8rem;font-weight:500;cursor:pointer;padding:.2rem .45rem;flex-shrink:0}.link-btn:hover{color:var(--accent-hover);text-decoration:underline}.gate-msg{margin-top:.85rem;color:var(--text-muted);font-size:.9rem;font-style:italic}.confirm-delete{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.confirm-text{font-size:.78rem;color:var(--text-muted)}.confirm-no,.confirm-yes{padding:.2rem .5rem;font-size:.75rem;border-radius:4px}.confirm-yes{background:var(--error);color:#fff}.confirm-no{background:var(--bg);border:1px solid var(--border);color:var(--text-muted)}.star-rating{display:flex;gap:2px;flex-shrink:0}.star-rating .star{background:none;border:none;padding:0;font-size:1.35rem;cursor:pointer;color:var(--border);transition:color .1s;line-height:1}.star-rating .star.filled{color:var(--warning)}.star-rating.readonly{pointer-events:none}.star-rating.sm .star{font-size:.95rem}.rate-enjoy{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem;flex-wrap:wrap}.rate-enjoy-label{font-size:.85rem;color:var(--text-muted);font-weight:500}.ri-editor{gap:.4rem}.ri-editor,.ri-summary{display:flex;flex-direction:column}.ri-summary{gap:.35rem;align-items:flex-start}.add-book-form{margin-bottom:.5rem}.add-book-row{display:flex;gap:.75rem;align-items:center}.search-wrapper{flex:1 1;position:relative}.search-input{width:100%;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:.95rem;font-family:inherit;box-shadow:0 1px 3px rgba(0,0,0,.04)}.search-input:focus{outline:none;border-color:var(--accent)}.search-input::placeholder{color:var(--text-muted)}.suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.08);z-index:50;overflow:hidden}.suggestion-item{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.65rem 1rem;background:none;border:none;border-bottom:1px solid var(--border);color:var(--text);font-family:inherit;font-size:.9rem;cursor:pointer;text-align:left;transition:background .15s}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:var(--surface-hover)}.suggestion-title{font-weight:500}.suggestion-author{font-size:.8rem;color:var(--text-muted);margin-left:1rem;flex-shrink:0}.suggestion-empty{padding:.75rem 1rem;color:var(--text-muted);font-size:.85rem}.rating-select{background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:.75rem;font-size:.9rem;font-family:inherit;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.04)}.add-btn{padding:.65rem 1.25rem;flex-shrink:0}.rated-book-cover{width:40px;height:60px;object-fit:cover;border-radius:3px;flex-shrink:0}.rated-book-info{flex:1 1;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:.1rem}.rated-book-info:hover .rated-title{color:var(--accent)}.rated-title{font-weight:500;font-size:.9rem;transition:color .15s}.rated-author{font-size:.78rem;color:var(--text-muted)}.page-header{margin-bottom:2rem}.page-header h1{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.page-header p{color:var(--text-muted);margin-top:.25rem}.loading{text-align:center;padding:3rem;color:var(--text-muted)}.load-error{text-align:center;padding:3rem 1rem;color:var(--error);display:flex;flex-direction:column;align-items:center;gap:1rem}.spinner{display:inline-block;width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin-right:.5rem;vertical-align:middle}@keyframes spin{to{transform:rotate(1turn)}}.reason-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.4rem}.reason-tag{font-size:.65rem;padding:.1rem .4rem;border-radius:4px;background:var(--accent-light);color:var(--accent)}.hero{text-align:center;padding:2.5rem 0 .5rem}.hero-title{font-size:clamp(3rem,8vw,5rem);font-weight:700;font-style:italic;letter-spacing:.01em;line-height:1.05;color:var(--accent)}.hero-tagline{font-size:clamp(1.05rem,2.4vw,1.4rem);color:var(--text-muted);max-width:640px;margin:1rem auto 0;line-height:1.5}.hero-cta{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:1.75rem}.btn-ghost{padding:.65rem 1.5rem;background:transparent;color:var(--text);border:1.5px solid var(--border);border-radius:8px;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-block;transition:all .2s}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.full-bleed{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.hero-band{overflow:hidden;margin-top:2.5rem;margin-bottom:1rem;padding:1.75rem 0;background:linear-gradient(180deg,var(--surface),var(--bg));border-top:1px solid var(--border);border-bottom:1px solid var(--border);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.band-track{display:flex;width:max-content;animation:band-scroll 75s linear infinite}.band-cover{width:108px;object-fit:cover;border-radius:6px;margin-left:-24px;border:3px solid var(--surface);box-shadow:0 6px 18px rgba(0,0,0,.14);background:var(--surface-hover);flex-shrink:0}.band-cover,.band-placeholder{height:162px}@keyframes band-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.landing-h2{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;text-align:center;margin-bottom:.4rem}.how{padding:2rem 0 1rem}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.25rem;gap:1.25rem;margin-top:1.5rem}.how-step{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.04)}.how-num{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:var(--accent-light);color:var(--accent);font-weight:700;margin-bottom:.75rem}.how-step h3{font-size:1.05rem;font-weight:600;margin-bottom:.35rem}.how-step p{font-size:.9rem;color:var(--text-muted);line-height:1.55}.mood-explore{padding:2.5rem 0 1rem}.mood-sub{text-align:center;color:var(--text-muted);margin-bottom:1.25rem}.mood-chips{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.mood-chip-btn{padding:.4rem .9rem;background:var(--surface);border:1.5px solid var(--border);border-radius:20px;font-size:.85rem;font-weight:500;line-height:1;cursor:pointer;text-transform:capitalize;transition:all .15s}.mood-chip-btn:hover{background:var(--surface-hover)}.mood-results{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:1rem;gap:1rem}.mood-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.4rem;text-decoration:none;color:inherit}.mood-card-cover{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:8px;border:2px solid var(--border);box-shadow:0 3px 10px rgba(0,0,0,.08);transition:transform .18s,box-shadow .18s}.mood-card:hover .mood-card-cover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.14)}.mood-card-title{font-size:.8rem;font-weight:500;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mood-card-medium{font-size:.65rem;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.mood-empty{grid-column:1/-1;color:var(--text-muted);text-align:center}.landing-cta{text-align:center;padding:3rem 0 2rem;margin-top:2rem;border-top:1px solid var(--border)}.landing-cta h2{font-size:1.4rem;font-weight:700;margin-bottom:1rem}@media (max-width:720px){.how-steps{grid-template-columns:1fr}}@media (max-width:900px){.mood-results{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.mood-results{grid-template-columns:repeat(2,1fr)}}.explore-controls{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.seg{display:inline-flex;border:1.5px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface)}.seg-btn{padding:.45rem .9rem;background:transparent;color:var(--text-muted);border:none;border-radius:0;font-size:.85rem;font-weight:500;cursor:pointer}.seg-btn.on{background:var(--accent);color:#fff}.seg-btn:not(.on):hover{background:var(--surface-hover);color:var(--text)}.explore-plot{height:70vh;min-height:460px;background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.04)}.explore-hint{margin:-.25rem 0 .85rem;max-width:760px;line-height:1.5}.explore-hint,.explore-toggle{font-size:.85rem;color:var(--text-muted)}.explore-toggle{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer}.explore-toggle input{accent-color:var(--accent);cursor:pointer}.explore-stage{position:relative;width:100vw;left:50%;margin:-2rem -50vw;--nav-h:3.4rem;height:calc(100vh - var(--nav-h));height:calc(100dvh - var(--nav-h));overflow:hidden;background:var(--xp-bg);color:var(--xp-text)}.explore-stage.warm-dark{--xp-bg:#211a16;--xp-bg-2:#2b221d;--xp-panel:rgba(38,30,25,.72);--xp-panel-brd:hsla(29,35%,75%,.18);--xp-text:#f3e9dd;--xp-text-dim:#c9b8a8;--xp-accent:#d8a07e;--xp-axis-text:#b9a795;--xp-region:hsla(33,48%,91%,.62);--xp-line:hsla(33,48%,91%,.16)}.explore-canvas{position:absolute;inset:0;z-index:1}.xp-panel{position:absolute;z-index:5;background:var(--xp-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--xp-panel-brd);border-radius:14px;color:var(--xp-text);box-shadow:0 10px 34px rgba(0,0,0,.38)}.xp-lens{top:1rem;left:1rem;padding:.85rem .95rem;width:270px;max-width:calc(100vw - 2rem);gap:.7rem}.xp-lens,.xp-lens-axes{display:flex;flex-direction:column}.xp-lens-axes{gap:.45rem}.xp-lens-row{display:flex;align-items:center;gap:.5rem}.xp-lens-row .control-label{width:1.4rem;flex-shrink:0;margin:0}.xp-lens-row .sort-select{flex:1 1;min-width:0}.xp-lens-toggles{display:flex;flex-wrap:wrap;gap:.45rem .85rem;padding-top:.55rem;border-top:1px solid var(--xp-panel-brd)}.xp-legend{bottom:1rem;left:1rem;padding:.55rem .65rem;max-width:calc(100vw - 2rem)}.xp-legend .catalogue-filters{margin:0}.xp-caption{bottom:1rem;right:1rem;max-width:270px;padding:.55rem .8rem;font-size:.76rem;line-height:1.45;color:var(--xp-text-dim)}.xp-caption strong{color:var(--xp-text);font-weight:600}.warm-dark .seg{background:hsla(0,0%,100%,.04);border-color:var(--xp-panel-brd)}.warm-dark .seg-btn{color:var(--xp-text-dim)}.warm-dark .seg-btn.on{background:var(--xp-accent);color:#2a201a}.warm-dark .seg-btn:not(.on):hover{background:hsla(0,0%,100%,.07);color:var(--xp-text)}.xp-lens .seg{display:flex;width:100%}.xp-lens .seg-btn{flex:1 1;min-width:0;padding:.45rem .4rem;font-size:.78rem;text-align:center}.warm-dark .sort-select{background:hsla(0,0%,100%,.05);border-color:var(--xp-panel-brd);color:var(--xp-text);font-size:.82rem;padding:.4rem .5rem;border-radius:8px}.warm-dark .sort-select option{color:#2a201a}.warm-dark .control-label,.warm-dark .explore-toggle{color:var(--xp-text-dim);font-size:.8rem}.warm-dark .explore-toggle input{accent-color:var(--xp-accent)}.warm-dark .catalogue-filters{gap:.4rem}.warm-dark .filter-pill{background:hsla(0,0%,100%,.05);border-color:var(--xp-panel-brd);color:var(--xp-text-dim)}.warm-dark .filter-pill:hover{background:hsla(0,0%,100%,.09)}.xp-hovercard{position:fixed;z-index:50;pointer-events:none;width:230px;display:flex;gap:.65rem;padding:.6rem;background:rgba(33,26,22,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid hsla(29,35%,75%,.2);border-radius:12px;box-shadow:0 12px 34px rgba(0,0,0,.5);color:#f3e9dd}.xp-hovercard .hc-info{min-width:0;display:flex;flex-direction:column;gap:.12rem}.xp-hovercard .hc-title{font-size:.82rem;font-weight:600;line-height:1.2}.xp-hovercard .hc-creator{font-size:.72rem;color:#c9b8a8}.xp-hovercard .hc-chips{display:flex;flex-wrap:wrap;gap:.22rem;margin-top:.28rem}.xp-hovercard .hc-chip{font-size:.62rem;padding:.08rem .34rem;border-radius:6px;white-space:nowrap}.xp-medium-badge{align-self:flex-start;font-size:.6rem;text-transform:uppercase;letter-spacing:.04em;font-weight:700;padding:.08rem .34rem;border:1px solid;border-radius:5px}.xp-sidepanel{position:absolute;top:0;right:0;height:100%;width:min(360px,88vw);z-index:8;background:var(--xp-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-left:1px solid var(--xp-panel-brd);color:var(--xp-text);transform:translateX(100%);transition:transform .28s cubic-bezier(.2,.8,.3,1);overflow-y:auto;padding:1.1rem 1.25rem 1.5rem}.xp-sidepanel.open{transform:translateX(0)}.xp-sp-close{position:absolute;top:.6rem;right:.7rem;background:none;border:none;color:var(--xp-text-dim);font-size:1.4rem;line-height:1;cursor:pointer;padding:.2rem}.xp-sp-close:hover{color:var(--xp-text)}.xp-sp-head{display:flex;gap:1rem;margin:.4rem 0 .5rem}.xp-sp-head .sp-meta{min-width:0;display:flex;flex-direction:column;gap:.25rem;padding-top:.2rem}.xp-sp-title{font-size:1.05rem;font-weight:700;line-height:1.25}.xp-sp-creator{font-size:.82rem;color:var(--xp-text-dim)}.xp-sp-section-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--xp-text-dim);margin:1.1rem 0 .55rem}.xp-bars{display:flex;flex-direction:column;gap:.4rem}.xp-bar-row{display:flex;align-items:center;gap:.5rem;font-size:.74rem}.xp-bar-label{width:96px;flex-shrink:0;color:var(--xp-text-dim);text-transform:capitalize}.xp-bar-track{flex:1 1;height:7px;border-radius:4px;background:hsla(0,0%,100%,.08);overflow:hidden}.xp-bar-fill{display:block;height:100%;border-radius:4px;background:var(--xp-accent)}.xp-feels{display:flex;flex-direction:column;gap:.4rem}.xp-feels-item{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--xp-text);padding:.3rem;border-radius:8px;transition:background .15s}.xp-feels-item:hover{background:hsla(0,0%,100%,.06)}.xp-feels-info{min-width:0;display:flex;flex-direction:column}.xp-feels-title{font-size:.8rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xp-feels-medium{font-size:.68rem}.xp-sp-link{display:inline-block;margin-top:1.25rem;padding:.55rem 1rem;background:var(--xp-accent);color:#2a201a;font-size:.85rem;font-weight:600;text-decoration:none;border-radius:9px}.xp-sp-link:hover{filter:brightness(1.06)}.find-controls{margin-bottom:1.5rem}.find-pills{display:flex;flex-wrap:wrap;gap:.5rem}.find-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .95rem;font-size:.9rem;font-weight:500;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:999px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.find-pill:hover{border-color:var(--accent);color:var(--accent)}.find-pill.on{background:var(--accent);border-color:var(--accent);color:#fff}.find-pill-ic{font-size:.9em}.find-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.15rem}.add-panel,.find-panel{margin-top:.75rem}.add-panel-floating{margin:.75rem 0 1.25rem;max-width:520px}.add-flow{display:flex;flex-direction:column;gap:.65rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.15rem}.add-media-pills{display:flex;flex-wrap:wrap;gap:.4rem}.add-actions{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.add-link{background:none;border:none;padding:0;color:var(--text-muted);font-size:.85rem;cursor:pointer}.add-link:hover{color:var(--text);text-decoration:underline}.add-msg{font-size:.9rem;margin:0;color:var(--text)}.add-sub{font-size:.8rem;margin:.2rem 0 0}.add-hint,.add-sub{color:var(--text-muted)}.add-hint{font-size:.82rem;margin:0}.add-error{color:var(--error)}.add-confirm{display:flex;gap:.85rem;align-items:flex-start}.add-confirm-meta{display:flex;flex-direction:column;gap:.12rem;min-width:0}.add-desc{font-size:.82rem;color:var(--text-muted);margin:.35rem 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.add-analyzing{display:flex;gap:.7rem;align-items:center}.add-progress{height:3px;background:var(--border);border-radius:2px;overflow:hidden}.add-progress-bar{display:block;height:100%;width:40%;background:var(--accent);border-radius:2px;animation:add-indeterminate 1.3s ease-in-out infinite}@keyframes add-indeterminate{0%{margin-left:-40%}to{margin-left:100%}}.catalogue-add-btn,.suggestion-add .suggestion-title{color:var(--accent)}.catalogue-add-btn{background:none;border:1px solid var(--accent);border-radius:999px;padding:.4rem .85rem;font-size:.85rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.catalogue-add-btn:hover{background:var(--accent);color:#fff}.catalogue-add-signin{font-size:.85rem;color:var(--text-muted);text-decoration:none;white-space:nowrap}.catalogue-add-signin:hover{color:var(--accent);text-decoration:underline}.mc-presets{display:flex;flex-wrap:wrap;gap:.4rem;margin:.9rem 0 .3rem}.mc-preset{padding:.32rem .7rem;background:var(--accent-light);color:var(--accent);border:1px solid transparent;border-radius:999px;font-size:.8rem;font-weight:500}.mc-preset.on,.mc-preset:hover{background:var(--accent);color:#fff}.mc-preset.on{border-color:var(--accent)}.mc-modes{display:flex;justify-content:flex-end;margin-bottom:.75rem}.mc-section{margin-top:1.1rem}.mc-label{font-size:.82rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.mc-hint{font-weight:400;color:var(--text-muted);font-size:.75rem;margin-left:.35rem}.mc-chips{display:flex;flex-wrap:wrap;gap:.4rem}.mc-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .65rem;background:var(--surface);color:var(--text-muted);border:1px solid var(--border);border-radius:999px;font-size:.8rem;font-weight:500;text-transform:capitalize}.mc-chip:hover{background:var(--surface-hover)}.mc-chip.seek{font-weight:600;border-width:1px}.mc-chip.seek:hover{filter:brightness(.97)}.mc-chip.avoid{background:var(--bg);border-style:dashed;border-color:var(--text-muted);color:var(--text-muted);opacity:.8}.mc-mark{font-weight:700;line-height:1}.mc-more{background:none;border:none;color:var(--accent);font-size:.8rem;font-weight:500;padding:.5rem 0 0}.mc-more:hover{background:none;text-decoration:underline;color:var(--accent-hover)}.mc-seg{display:flex;border:1px solid var(--border);border-radius:9px;overflow:hidden}.mc-seg-btn{flex:1 1;padding:.5rem .4rem;background:var(--surface);color:var(--text);border:none;border-right:1px solid var(--border);border-radius:0;font-size:.82rem;font-weight:500}.mc-seg-btn:last-child{border-right:none}.mc-seg-btn:hover{background:var(--surface-hover)}.mc-seg-btn.on{background:var(--accent);color:#fff}.mc-seg-btn.on:hover{background:var(--accent-hover)}.mc-slider{width:100%;accent-color:var(--accent);cursor:pointer}.mc-slider-ends{display:flex;justify-content:space-between;font-size:.72rem;color:var(--text-muted);margin-top:.15rem}.mc-error{color:var(--error);font-size:.85rem;margin:.8rem 0 0}.mc-actions{display:flex;align-items:center;gap:.75rem;margin-top:1.25rem}.mc-find{padding:.6rem 1.4rem}.mc-clear{background:none;border:none;color:var(--text-muted);font-size:.85rem;padding:.3rem .4rem}.mc-clear:hover{background:none;color:var(--text);text-decoration:underline}.reason-tag.ending-tag{background:transparent;color:var(--text-muted);border:1px solid var(--border);font-style:italic}.nl-search-bar{display:flex;gap:.5rem;align-items:stretch}.nl-search-input{flex:1 1;min-width:0}.nl-search-btn{white-space:nowrap;display:inline-flex;align-items:center;gap:.4rem}.nl-examples{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.65rem}.nl-example{font-size:.8rem;color:var(--text-muted);background:transparent;border:1px dashed var(--border);border-radius:999px;padding:.3rem .7rem;cursor:pointer;transition:color .15s,border-color .15s}.nl-example:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.nl-example:disabled{opacity:.55;cursor:default}.nl-search-msg{margin:.7rem 0 0}.nl-search-empty{font-size:.85rem;color:var(--text-muted)}.nl-search-wall{font-size:.9rem;color:var(--text);background:var(--accent-light);border:1px solid var(--border);border-radius:8px;padding:.7rem .9rem}.nl-search-wall a{color:var(--accent);font-weight:600;text-decoration:none}.nl-search-wall a:hover{text-decoration:underline}.discover{padding:1.5rem 0 1rem}.discover-sub{text-align:center;color:var(--text-muted);max-width:560px;margin:0 auto 1.4rem;line-height:1.5}.discover .find-controls{max-width:680px;margin:0 auto 1.5rem}.discover .find-pills{justify-content:center}.discover-results{margin-top:1.5rem}.discover-results .rec-row-head{justify-content:center}.discover-results .rec-row-head h3{font-size:1.15rem;font-weight:600;margin:0}.discover-convert{text-align:center;margin-top:1rem}.discover-convert a{color:var(--accent);font-weight:600;text-decoration:none}.discover-convert a:hover{text-decoration:underline}.discover-explore{text-align:center;color:var(--text-muted);margin-top:1.75rem;font-size:.95rem}.discover-explore a{color:var(--accent);font-weight:600;text-decoration:none}.discover-explore a:hover{text-decoration:underline}.rec-row{margin:0 0 2rem}.rec-row-head{display:flex;align-items:baseline;gap:.6rem;margin-bottom:.6rem}.rec-row-head h2{font-size:1.15rem;font-weight:600;margin:0}.rec-row-sub{font-size:.85rem;color:var(--text-muted)}.rec-row-emotions{margin:0;align-self:center}.rec-row-tuned{align-self:center;font-size:.7rem;font-weight:600;color:var(--accent);background:var(--accent-light);padding:.12rem .5rem;border-radius:999px;white-space:nowrap}.shelf{position:relative}.shelf-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:38px;height:38px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:1.4rem;line-height:1;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.14);transition:background .15s,color .15s,border-color .15s}.shelf-arrow:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.shelf-arrow.left{left:-8px}.shelf-arrow.right{right:-8px}.fp-hero{position:relative;max-width:620px;margin:0 auto 2rem;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.5rem 1.5rem 1.75rem;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.05);background-image:radial-gradient(120% 80% at 50% 0,var(--accent-light),transparent 60%)}.fp-wordmark{position:absolute;top:.9rem;right:1.1rem;font-style:italic;font-weight:700;color:var(--accent);opacity:.7;font-size:.9rem}.fp-archetype{display:block;font-size:1.7rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.fp-line{color:var(--text-muted);font-size:.95rem;margin:.35rem 0 .5rem}.fp-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.fp-chip{font-size:.78rem;font-weight:600;padding:.25rem .7rem;border-radius:999px;text-transform:capitalize}.fp-chip.ghost{background:transparent;border:1px solid var(--border)}.fp-chip.ghost,.fp-note{color:var(--text-muted);font-style:italic}.fp-note{margin-top:.75rem;font-size:.8rem}.fp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:1.25rem;gap:1.25rem}.fp-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.1rem 1.25rem}.fp-section .section-title{margin-top:0}.fp-subhead{font-size:.82rem;color:var(--text-muted);font-weight:600;margin:1rem 0 .5rem}.fp-bars{display:flex;flex-direction:column;gap:.4rem}.fp-bar-row{display:flex;align-items:center;gap:.6rem}.fp-bar-label{flex:0 0 108px;font-size:.82rem;text-transform:capitalize}.fp-bar-track{flex:1 1;height:9px;background:var(--bg);border-radius:5px;overflow:hidden}.fp-bar-fill{display:block;height:100%;border-radius:5px}.fp-bar-num{flex:0 0 auto;font-size:.78rem;color:var(--text-muted);min-width:1.2rem;text-align:right}.fp-gauge{margin:.5rem 0 1.1rem}.fp-gauge-track{position:relative;height:6px;border-radius:4px;background:linear-gradient(to right,var(--border),var(--accent-light))}.fp-gauge-dot{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--surface);transform:translate(-50%,-50%);box-shadow:0 1px 3px rgba(0,0,0,.2)}.fp-gauge-ends{display:flex;justify-content:space-between;margin-top:.4rem;font-size:.74rem;color:var(--text-muted)}.fp-gauge-label{font-weight:600;color:var(--text);text-transform:capitalize}.fp-stat{font-size:.9rem;color:var(--text-muted)}.fp-defining{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.25rem}.fp-def{display:flex;flex-direction:column;align-items:center;width:64px;text-decoration:none;color:inherit}.fp-def-title{font-size:.68rem;text-align:center;margin-top:.3rem;color:var(--text-muted);line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fp-def:hover .fp-def-title{color:var(--accent)}.aura{position:relative;margin:.75rem auto .5rem}.aura-core,.aura-fill,.aura-glow{position:absolute;inset:0;pointer-events:none}.aura-glow{filter:blur(28px);opacity:.5;transform:scale(1.06)}.aura-core{background:radial-gradient(closest-side at 50% 42%,hsla(0,0%,100%,.6),hsla(0,0%,100%,0) 72%)}.shelf-scroll{display:flex;gap:1rem;overflow-x:auto;overflow-y:hidden;padding:.25rem .25rem 1rem;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--border) transparent;-webkit-overflow-scrolling:touch}.shelf-scroll::-webkit-scrollbar{height:8px}.shelf-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.shelf-scroll::-webkit-scrollbar-track{background:transparent}.shelf-card{flex:0 0 150px;width:150px;scroll-snap-align:start;display:flex;flex-direction:column;background:var(--surface);border-left:1px solid var(--border);border:1px solid var(--border);border-left-width:3px;border-radius:10px;padding:.55rem;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 1px 3px rgba(0,0,0,.04)}.shelf-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.08)}.shelf-card .book-cover-img,.shelf-card .book-cover-placeholder{width:100%!important;height:auto!important;aspect-ratio:2/3;border-radius:5px;object-fit:cover}.shelf-card-title{font-size:.85rem;font-weight:600;line-height:1.25;margin-top:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shelf-card-author{font-size:.75rem;color:var(--text-muted);margin-top:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shelf-card-badge{align-self:flex-start;margin-top:.4rem;font-size:.7rem;font-weight:600;color:var(--accent);background:var(--accent-light);padding:.15rem .45rem;border-radius:5px}.shelf-card .reason-tags{margin-top:.4rem}.shelf-card.skeleton{background:var(--surface-hover);border-style:dashed;border-left-color:var(--border);min-height:250px;animation:shelf-pulse 1.4s ease-in-out infinite}@keyframes shelf-pulse{0%,to{opacity:.55}50%{opacity:.85}}.view-toggle{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.view-toggle button{background:var(--surface);color:var(--text-muted);padding:.4rem .7rem;font-size:.8rem;border:none;border-radius:0}.view-toggle button:hover{background:var(--surface-hover)}.view-toggle button.on{background:var(--accent);color:#fff}.rec-coldstart{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:var(--accent-light);border:1px solid var(--border);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.5rem}.rec-coldstart p{margin:0;color:var(--text);font-size:.95rem}.ratings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:1rem;gap:1rem}.rating-card{display:flex;flex-direction:column;background:var(--surface);border-left:1px solid var(--border);border:1px solid var(--border);border-left-width:3px;border-radius:10px;padding:.55rem}.rating-card-link{text-decoration:none;color:inherit}.rating-card .book-cover-img,.rating-card .book-cover-placeholder{width:100%!important;height:auto!important;aspect-ratio:2/3;border-radius:5px;object-fit:cover}.rating-card-title{font-size:.85rem;font-weight:600;line-height:1.25;margin-top:.5rem}.rating-card-author{font-size:.75rem;color:var(--text-muted);margin-top:.1rem}.rating-card .fb-summary{margin-top:.5rem}.ri-controls{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.rating-card .ri-controls{margin-top:.5rem}.logged-head .ri-controls{margin-left:auto}.save-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border-radius:50%;background:hsla(0,0%,100%,.6);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:color .15s,border-color .15s,background .15s}.save-btn:hover{background:#fff}.save-btn.saved,.save-btn:hover{color:var(--accent);border-color:var(--accent)}.save-btn.labeled{width:auto;height:auto;border-radius:8px;padding:.45rem .85rem;gap:.4rem;font-size:.85rem;font-weight:500;background:var(--surface)}.save-btn.labeled.saved{background:var(--accent-light)}.card-save{position:absolute;top:8px;right:8px;z-index:2}.shelf-card-cover{position:relative;display:block}.detail-rating{margin-top:.5rem}.bridge-panel{margin:.75rem 0 .5rem;max-width:640px}.bridge-text{font-size:1rem;line-height:1.65;color:var(--text);margin:0}.rate-toggle{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:8px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:.85rem;font-weight:500;cursor:pointer}.rate-toggle.rated,.rate-toggle:hover{border-color:var(--accent);color:var(--accent)}.rate-toggle.rated{background:var(--accent-light)}.book-card{position:relative}.detail-actions{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;margin-top:1rem}.shelf-grid{display:flex;flex-wrap:wrap;gap:1rem}.settings-page{max-width:980px}.settings-layout{display:flex;gap:2rem;align-items:flex-start}.settings-nav{flex:0 0 190px;display:flex;flex-direction:column;gap:.15rem;position:-webkit-sticky;position:sticky;top:5rem}.settings-nav-item{text-align:left;padding:.55rem .85rem;background:transparent;border:none;border-radius:8px;color:var(--text-muted);font-size:.92rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.settings-nav-item:hover{background:var(--surface-hover);color:var(--text)}.settings-nav-item.on{background:var(--accent-light);color:var(--accent);font-weight:600}.settings-nav-item.danger{color:var(--error)}.settings-nav-logout{margin-top:.6rem;padding-top:.85rem;border-top:1px solid var(--border);border-radius:0}.settings-content{flex:1 1;min-width:0}.settings-content .account-card{max-width:none}.settings-content .auth-form{max-width:460px}.settings-section{margin-bottom:0}.settings-h2{font-size:1.2rem;font-weight:600;margin-bottom:.85rem}.settings-hint{font-size:.85rem;color:var(--text-muted);margin:-.5rem 0 .85rem}.settings-theme{display:inline-flex}.settings-toggle{display:flex;align-items:flex-start;gap:.7rem;cursor:pointer;max-width:520px}.settings-toggle>input{margin-top:.2rem;width:1.05rem;height:1.05rem;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.settings-toggle span{display:flex;flex-direction:column;gap:.15rem}.settings-toggle strong{font-weight:600;font-size:.92rem}.settings-toggle em{font-style:normal;font-size:.82rem;color:var(--text-muted);line-height:1.45}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.settings-row-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.settings-row-text strong{font-weight:600;font-size:.92rem}.settings-row-text em{font-style:normal;font-size:.82rem;color:var(--text-muted);line-height:1.45}.settings-danger{border-color:var(--error)}.settings-danger .settings-h2{color:var(--error)}.settings-delete-confirm{margin-top:1rem;max-width:460px}@media (max-width:680px){.settings-layout{flex-direction:column;gap:1rem}.settings-nav{flex-basis:auto;flex-direction:row;flex-wrap:wrap;position:static;gap:.3rem}.settings-nav-logout{margin-top:0;padding-top:.55rem;border-top:none}}@font-face{font-family:__Inter_fa2f99;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_fa2f99;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_fa2f99;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_fa2f99;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_fa2f99;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_fa2f99;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_fa2f99;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_fa2f99;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_fa2f99;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_fa2f99;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_fa2f99;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_fa2f99;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_fa2f99;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_fa2f99;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_fa2f99;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_fa2f99;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_fa2f99;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_fa2f99;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_fa2f99;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_fa2f99;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_fa2f99;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_fa2f99;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_fa2f99;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_fa2f99;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_fa2f99;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_fa2f99;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_fa2f99;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_fa2f99;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_fa2f99;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_fa2f99;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_fa2f99;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_fa2f99;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_fa2f99;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_fa2f99;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_fa2f99;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_fa2f99;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_fa2f99{font-family:__Inter_fa2f99,__Inter_Fallback_fa2f99;font-style:normal}.__variable_fa2f99{--font-inter:"__Inter_fa2f99","__Inter_Fallback_fa2f99"}