:root{--mustard: #d1a054;--teal: #3a7ca5;--offwhite: #f5f2e9;--dark-text: #1a1a1a;--rust: #b22222;font-family:Georgia,Times New Roman,Times,serif;line-height:1.6;font-weight:400;color:var(--dark-text);background-color:var(--offwhite);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.header{position:relative;margin-bottom:24px;display:flex;justify-content:center;align-items:center;padding:0 60px}.logout-btn{position:absolute;right:0;top:50%;transform:translateY(-50%)}body{margin:0;padding:0;place-items:center;min-width:320px;min-height:100vh;background-color:var(--offwhite);color:var(--dark-text);display:flex;justify-content:center;align-items:center;overflow-x:hidden}h1,h2{font-weight:600;color:var(--dark-text)}a{font-weight:500;color:var(--rust);text-decoration:none}a:hover{color:#c44}.search-container{display:flex;gap:12px;margin-bottom:24px}.search-input{flex:1;padding:12px 16px;border:2px solid var(--teal);border-radius:8px;font-size:1rem;font-family:Georgia,serif;color:var(--dark-text);background-color:var(--offwhite);transition:border-color .3s ease}.search-input:focus{outline:none;border-color:var(--mustard);box-shadow:0 0 6px var(--mustard)}.bookboxes{display:flex;justify-content:space-between;align-items:center;background-color:var(--teal);border-radius:10px;padding:16px 24px;margin-bottom:12px;color:var(--offwhite);font-family:Georgia,serif;box-shadow:0 3px 8px #3a7ca566;transition:transform .15s ease}.bookboxes:hover{transform:scale(1.03);box-shadow:0 6px 16px #3a7ca599}.bookboxes button{background-color:var(--mustard);color:var(--dark-text);border:none;cursor:pointer;padding:8px 12px;border-radius:6px;font-weight:600;transition:background-color .3s ease}.bookboxes button:hover{background-color:#c18d3d}#bookboxes{display:flex;justify-content:space-between;align-items:center;background-color:var(--mustard);border-radius:10px;padding:16px 24px;margin-bottom:12px;color:var(--dark-text);font-family:Georgia,serif;box-shadow:0 3px 8px #d1a05466;transition:transform .15s ease}#bookboxes:hover{transform:scale(1.03);box-shadow:0 6px 16px #d1a05499}#bookboxes button{background-color:var(--teal);color:var(--offwhite);border:none;cursor:pointer;padding:8px 12px;border-radius:6px;font-weight:600;transition:background-color .3s ease}#bookboxes button:hover{background-color:#2c6c8f}button.search-btn{background-color:var(--teal);color:var(--offwhite);border:none;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .3s ease}button.search-btn:hover{background-color:#2c6c8f}button.logout-btn{background-color:var(--rust);color:var(--offwhite);border:none;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .3s ease}button.logout-btn:hover{background-color:#8b1a1a}.login-wrapper{display:flex;justify-content:center;align-items:center;height:100vh;background-color:var(--offwhite)}.login-card{background-color:#fdfaf4;padding:2rem 2.5rem;border-radius:16px;box-shadow:0 6px 16px #0000001a;width:100%;max-width:400px;text-align:center}.login-card h2{margin-bottom:1.5rem;font-size:1.75rem;font-weight:700;color:var(--dark-text)}.login-card input[type=email]{width:100%;padding:.75rem 1rem;border:2px solid var(--teal);border-radius:8px;font-size:1rem;font-family:Georgia,serif;margin-bottom:1rem;background-color:var(--offwhite);color:var(--dark-text);transition:border-color .3s ease}.login-card input[type=email]:focus{outline:none;border-color:var(--mustard);box-shadow:0 0 6px var(--mustard)}.login-card button{background-color:var(--mustard);color:var(--offwhite);border:none;padding:10px 18px;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.login-card button:hover{background-color:#c18d3d}.login-card p{margin-top:1rem;color:var(--rust);font-size:.95rem}.deckled-toggle-container{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:24px;font-weight:700;font-family:Arial,sans-serif;-webkit-user-select:none;user-select:none}.deckled-label{cursor:pointer;font-size:1rem;color:#333}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0;position:absolute}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;border-radius:34px;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;border-radius:50%;transition:.4s}input:checked+.slider{background-color:#4ade80}input:checked+.slider:before{transform:translate(26px)}.switch-text{position:absolute;width:60px;height:34px;top:0;left:0;display:flex;justify-content:space-between;align-items:center;padding:0 8px;font-size:12px;color:#fff;pointer-events:none;font-weight:700;-webkit-user-select:none;user-select:none}.book-columns{display:flex;gap:24px;justify-content:space-between}.search-results,.top-books{flex:1}@media (max-width: 768px){.book-columns{flex-direction:column}.search-results,.top-books{width:100%}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}