@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#1a1a1a;--bg-secondary:#242424;--bg-tertiary:#2e2e2e;--text-primary:#e8e8e8;--text-secondary:#a0a0a0;--text-muted:#666;--border-color:#3a3a3a;--score-high:#f4a261;--score-mid:#e76f51;--score-low:#2a9d8f;--accent:#f4a261}html,body{height:100%}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:JetBrains Mono,monospace;line-height:1.6}input,button,textarea{font-family:inherit}button{cursor:pointer;background:0 0;border:none}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.header{border-bottom:1px solid var(--border-color);padding:2rem 0}.logo-container{align-items:center;gap:.75rem;display:flex}.header h1{letter-spacing:3px;text-transform:uppercase;color:var(--text-secondary);font-size:1rem;font-weight:500}.search-section{text-align:center;padding:4rem 0}.search-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:400}.search-subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:2rem;font-size:.8rem}.search-container{max-width:600px;margin:0 auto;position:relative}.search-input{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);padding:1rem 1.5rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #f4a2611a}.autocomplete-dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);z-index:100;border-top:none;max-height:300px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.autocomplete-item{cursor:pointer;text-align:left;align-items:center;gap:1rem;padding:.75rem 1rem;transition:background-color .15s;display:flex}.autocomplete-item:hover{background:var(--bg-tertiary)}.autocomplete-cover{background:var(--bg-tertiary);width:40px;height:60px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:.6rem;display:flex}.autocomplete-cover img{object-fit:cover;width:100%;height:100%}.autocomplete-info{flex:1;min-width:0}.autocomplete-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;overflow:hidden}.autocomplete-author{color:var(--text-muted);font-size:.75rem}.thinking-container{flex-direction:column;align-items:center;gap:1.5rem;padding:4rem 2rem;display:flex}.thinking-text{color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;font-size:.8rem}.thinking-dots span{animation:1.4s infinite blink}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,20%{opacity:0}40%,to{opacity:1}}.thinking-bars{align-items:flex-end;gap:4px;height:50px;display:flex}.thinking-bar{background:linear-gradient(to top,var(--score-low),var(--score-mid),var(--score-high));border-radius:2px;width:6px;animation:.8s ease-in-out infinite alternate pulse}@keyframes pulse{0%{opacity:.5;height:15px}to{opacity:1;height:50px}}.selected-book{background:var(--bg-secondary);border:1px solid var(--border-color);justify-content:center;align-items:center;gap:1.5rem;max-width:600px;margin-top:2rem;margin-left:auto;margin-right:auto;padding:2rem;display:flex}.selected-cover{background:var(--bg-tertiary);flex-shrink:0;width:60px;height:90px}.selected-cover img{object-fit:cover;width:100%;height:100%}.selected-info{text-align:left}.selected-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:.25rem;font-size:.65rem}.selected-title{color:var(--text-primary);margin-bottom:.25rem;font-size:1rem}.selected-author{color:var(--text-secondary);font-size:.8rem}.change-book-btn{color:var(--accent);text-transform:uppercase;letter-spacing:1px;border:1px solid var(--accent);padding:.5rem 1rem;font-size:.7rem;transition:background-color .2s}.change-book-btn:hover{background:#f4a2611a}.tag-filters{border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1rem}.tag-filters-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem;font-size:.65rem}.tag-list{flex-wrap:wrap;gap:.5rem;display:flex}.tag-pill{border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;align-items:center;gap:.4rem;padding:.35rem .6rem;font-size:.7rem;transition:all .15s;display:inline-flex}.tag-pill:hover{border-color:var(--text-muted)}.tag-pill.active{border-color:var(--score-high);color:var(--score-high);background:#f4a2611a}.tag-pill.excluded{border-color:var(--score-mid);color:var(--text-muted);opacity:.6;background:0 0;text-decoration:line-through}.tag-pill-icon{opacity:.7;font-size:.6rem}.tag-pill.active .tag-pill-icon{color:var(--score-low)}.tag-pill.excluded .tag-pill-icon{color:var(--score-mid)}.tag-pill.boosted{border-color:var(--score-low);color:var(--score-low);background:#2a9d8f26;box-shadow:0 0 8px #2a9d8f4d}.tag-pill.boosted .tag-pill-icon{color:var(--score-low)}.tag-pill.tag-genre{border-width:2px;font-weight:500}.tag-pill.tag-genre.active{background:#f4a26133}.tag-pill.tag-strong.active{border-color:var(--score-low);color:var(--score-low);background:#2a9d8f1a}.search-section{border:2px dashed #0000;border-radius:8px;margin:-.5rem;padding:.5rem;transition:all .2s}.search-section.seed-drop-active{border-color:var(--accent);background:#f4a2610d}.seed-drop-hint{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;text-align:center;opacity:.6;margin-top:1.5rem;font-size:.65rem}.search-section.seed-drop-active .seed-drop-hint{opacity:1;color:var(--accent)}.results-container{transition:opacity .15s}.results-container.results-loading{opacity:.6;pointer-events:none}.results-section{padding:3rem 0}.results-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.results-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;font-size:.75rem}.results-source{color:var(--score-high);opacity:.8;margin-top:.25rem;font-size:.65rem}.feedback-summary{color:var(--text-muted);font-size:.7rem}.feedback-summary span{color:var(--text-secondary)}.heatmap-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;display:grid}.book-cell{aspect-ratio:2/3;background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.book-cell:hover{z-index:10;transform:translateY(-4px)}.book-cell-cover{object-fit:cover;width:100%;height:100%;transition:filter .2s}.book-cell-placeholder{width:100%;height:100%;color:var(--text-muted);text-align:center;justify-content:center;align-items:center;padding:1rem;font-size:.7rem;line-height:1.4;display:flex}.book-cell:hover .book-cell-cover{filter:brightness(.4)}.book-cell-overlay{opacity:0;flex-direction:column;justify-content:space-between;padding:.75rem;transition:opacity .2s;display:flex;position:absolute;inset:0}.book-cell:hover .book-cell-overlay{opacity:1}.book-cell-score{border-radius:2px;align-self:flex-end;padding:.25rem .5rem;font-size:1.25rem;font-weight:600}.book-cell-info{background:#000c;margin:0 -.75rem -.75rem;padding:.75rem}.book-cell-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.25rem;font-size:.7rem;display:-webkit-box;overflow:hidden}.book-cell-author{color:var(--text-muted);margin-bottom:.5rem;font-size:.6rem}.book-cell-reason{color:var(--score-high);font-size:.55rem;font-style:italic}.feedback-buttons{gap:.5rem;margin-top:.5rem;display:flex}.feedback-btn{border:1px solid var(--border-color);color:var(--text-secondary);flex:1;padding:.4rem;font-size:.7rem;transition:all .15s}.feedback-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.feedback-btn.liked{border-color:var(--score-low);color:var(--score-low);background:#2a9d8f33}.feedback-btn.disliked{border-color:var(--score-mid);color:var(--score-mid);background:#e76f5133}.amazon-btn{color:#f90;text-align:center;background:#ff99001a;border:1px solid #f90;flex:1;padding:.4rem;font-size:.6rem;text-decoration:none;transition:all .15s}.amazon-btn:hover{color:#ffad33;background:#ff990040}.shelf-buttons{gap:.35rem;margin-top:.5rem;display:none}.shelf-btn{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);white-space:nowrap;flex:1;padding:.35rem .25rem;font-size:.6rem;transition:all .15s}.shelf-btn:active{transform:scale(.95)}.shelf-btn-read{border-color:var(--score-low);color:var(--score-low)}.shelf-btn-want{border-color:var(--accent);color:var(--accent)}.score-bar{background:var(--bg-tertiary);height:3px;position:absolute;bottom:0;left:0;right:0}.score-bar-fill{height:100%;transition:width .3s}.cluster-section{margin-bottom:3rem}.cluster-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border-color);margin-bottom:1rem;padding-bottom:.5rem;font-size:.7rem}.empty-state{text-align:center;color:var(--text-muted);padding:4rem 2rem}.empty-state-icon{opacity:.3;margin-bottom:1rem;font-size:3rem}.empty-state-text{text-transform:uppercase;letter-spacing:1px;font-size:.8rem}.error-message{text-align:center;color:var(--score-mid);padding:2rem;font-size:.8rem}.app-layout{min-height:100vh;display:flex}.main-content{flex:1;min-width:0}.bookshelf{background:var(--bg-secondary);border-left:1px solid var(--border-color);flex-direction:column;flex-shrink:0;width:280px;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.bookshelf-header{border-bottom:1px solid var(--border-color);padding:1.5rem 1rem}.bookshelf-header h2{letter-spacing:2px;text-transform:uppercase;color:var(--text-secondary);margin:0;font-size:.75rem;font-weight:500}.shelf-section{border-bottom:1px solid var(--border-color);flex-direction:column;flex:1;min-height:200px;transition:background-color .2s;display:flex}.shelf-section:last-child{border-bottom:none}.shelf-section.shelf-drop-active{background:#f4a2611a}.shelf-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem;display:flex}.shelf-title{letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);font-size:.7rem;font-weight:500}.shelf-count{color:var(--accent);background:#f4a26126;border-radius:2px;padding:.2rem .5rem;font-size:.65rem}.shelf-books{flex:1;padding:.5rem;overflow-y:auto}.shelf-empty{height:100%;min-height:100px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;border:2px dashed var(--border-color);border-radius:4px;justify-content:center;align-items:center;margin:.5rem;font-size:.7rem;display:flex}.shelf-book{background:var(--bg-tertiary);border:1px solid var(--border-color);align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.5rem;transition:all .15s;display:flex}.shelf-book:hover{border-color:var(--text-muted)}.shelf-book-cover{background:var(--bg-primary);flex-shrink:0;width:36px;height:54px;overflow:hidden}.shelf-book-cover img{object-fit:cover;width:100%;height:100%}.shelf-book-placeholder{width:100%;height:100%;color:var(--text-muted);background:var(--bg-tertiary);justify-content:center;align-items:center;font-size:.8rem;display:flex}.shelf-book-info{flex:1;min-width:0}.shelf-book-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.15rem;font-size:.7rem;overflow:hidden}.shelf-book-author{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.6rem;overflow:hidden}.shelf-book-actions{opacity:0;gap:.25rem;transition:opacity .15s;display:flex}.shelf-book:hover .shelf-book-actions{opacity:1}.shelf-action-btn{width:24px;height:24px;color:var(--text-muted);border:1px solid var(--border-color);background:var(--bg-secondary);justify-content:center;align-items:center;font-size:.8rem;transition:all .15s;display:flex}.shelf-action-btn:hover{color:var(--text-primary);border-color:var(--text-muted)}.shelf-action-btn.remove:hover{color:var(--score-mid);border-color:var(--score-mid)}.shelf-action-btn.move:hover{color:var(--accent);border-color:var(--accent)}.shelf-action-btn.amazon{color:#f90;border-color:#f90;font-weight:600;text-decoration:none}.shelf-action-btn.amazon:hover{color:#ffad33;background:#f903}.book-cell.dragging{opacity:.5;transform:scale(.95)}.book-cell{cursor:grab}.book-cell:active{cursor:grabbing}@media (max-width:1024px){.bookshelf{width:240px}}.auth-container{align-items:center;gap:.75rem;display:flex}.auth-avatar{border:1px solid var(--border-color);border-radius:50%;width:28px;height:28px}.auth-button{text-transform:uppercase;letter-spacing:1px;border:1px solid var(--border-color);color:var(--text-secondary);padding:.5rem 1rem;font-size:.7rem;transition:all .15s}.auth-button:hover,.auth-signin{border-color:var(--accent);color:var(--accent)}.auth-signin:hover{background:#f4a2611a}.auth-signout:hover{border-color:var(--score-mid);color:var(--score-mid)}.auth-loading{color:var(--text-muted);border-color:var(--border-color)}.auth-prompt-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.auth-prompt-modal{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;max-width:400px;position:relative}.auth-prompt-close{color:var(--text-muted);background:0 0;border:none;padding:.25rem;font-size:1.5rem;line-height:1;position:absolute;top:.75rem;right:.75rem}.auth-prompt-close:hover{color:var(--text-primary)}.auth-prompt-content{padding:2rem}.auth-prompt-book{border-bottom:1px solid var(--border-color);gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.auth-prompt-cover{object-fit:cover;flex-shrink:0;width:60px;height:90px}.auth-prompt-cover-placeholder{background:var(--bg-tertiary);width:60px;height:90px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:.6rem;display:flex}.auth-prompt-book-info{flex:1;min-width:0}.auth-prompt-book-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.25rem;font-size:.9rem;display:-webkit-box;overflow:hidden}.auth-prompt-book-author{color:var(--text-muted);margin-bottom:.75rem;font-size:.75rem}.auth-prompt-shelf-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.65rem}.auth-prompt-shelf-label span{color:var(--accent)}.auth-prompt-message{text-align:center;margin-bottom:1.5rem}.auth-prompt-message h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1rem;font-weight:500}.auth-prompt-message p{color:var(--text-muted);font-size:.8rem}.auth-prompt-actions{flex-direction:column;gap:.75rem;display:flex}.auth-prompt-btn{text-transform:uppercase;letter-spacing:1px;border:1px solid var(--border-color);text-align:center;padding:.75rem 1rem;font-size:.75rem;transition:all .15s}.auth-prompt-btn-primary{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.auth-prompt-btn-primary:hover{background:#e5934e}.auth-prompt-btn-secondary{color:var(--text-secondary);background:0 0}.auth-prompt-btn-secondary:hover{border-color:var(--text-muted);color:var(--text-primary)}.header-content{justify-content:space-between;align-items:center;display:flex}@media (max-width:768px){.app-layout{flex-direction:column}.bookshelf{border-left:none;border-top:1px solid var(--border-color);flex-direction:row;width:100%;height:auto;position:relative}.bookshelf-header{display:none}.shelf-section{border-bottom:none;border-right:1px solid var(--border-color);flex:1;min-height:150px}.shelf-section:last-child{border-right:none}.container{padding:0 1rem}.search-section{padding:2rem 0}.search-title{font-size:1.25rem}.heatmap-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.selected-book{text-align:center;flex-direction:column}.selected-info{text-align:center}.shelf-buttons.mobile-only{display:flex}.book-cell .book-cell-overlay{opacity:1;background:linear-gradient(#0000 0%,#0006 50%,#000000d9 100%)}.book-cell .book-cell-cover{filter:brightness(.85)}.seed-drop-hint{display:none}.book-cell{cursor:default}}