:root{--bg: #f5f0e8;--surface: #ffffff;--surface-hover: #ede8dd;--border: #d4ccbb;--accent: #8b6914;--accent-hover: #a07b1a;--text: #2c2416;--text-muted: #7a6f5f;--radius: 8px;font-family:Georgia,Charter,Cambria,serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app{max-width:880px;margin:0 auto;padding:48px 24px 96px}.header{text-align:center;margin-bottom:32px}.header h1{font-size:36px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px;font-family:Georgia,Charter,serif}.header p{color:var(--text-muted);font-size:16px;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.search{position:relative;margin-bottom:16px}.search input{width:100%;padding:14px 18px;font-size:16px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:500px;outline:none;transition:border-color .15s;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.search input:focus{border-color:var(--accent)}.search input::placeholder{color:var(--text-muted)}.book-row{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--radius);transition:background .15s}.book-row:hover{background:var(--surface-hover)}.book-cover-sm{width:40px;height:56px;border-radius:3px;object-fit:cover;flex-shrink:0}.book-cover-placeholder{background:var(--surface-hover);border:1px dashed var(--border)}.book-meta{min-width:0;flex:1}.book-title{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.book-authors{color:var(--text-muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:24px;box-shadow:0 4px 12px #00000014}.dropdown .book-row{cursor:pointer;border-radius:0}.selected{margin-bottom:24px}.section-label{text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:700;color:var(--text-muted);margin:0 0 12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.chip{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:500px;padding:6px 8px 6px 14px;font-size:14px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.chip button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px;line-height:1;padding:0 4px}.chip button:hover{color:var(--text)}.btn-primary{background:var(--accent);color:#fff;font-weight:700;font-size:15px;border:none;border-radius:500px;padding:14px 32px;cursor:pointer;transition:transform .1s,background .15s;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.03)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.actions{display:flex;justify-content:center}.results{margin-top:40px}.results-grid{display:grid;gap:16px}.result-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.result-card-inner{display:flex;gap:16px}.result-cover{width:80px;height:120px;border-radius:4px;object-fit:cover;flex-shrink:0}.result-cover-placeholder{background:var(--surface-hover);border:1px dashed var(--border)}.result-info{flex:1;min-width:0}.result-title{font-weight:700;font-size:17px;margin-bottom:2px}.result-authors{color:var(--text-muted);font-size:14px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.result-year{color:var(--text-muted);font-size:13px;margin-top:2px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.result-description{font-size:14px;line-height:1.5;color:var(--text-muted);margin:8px 0 0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.result-links{display:flex;gap:16px;margin-top:10px}.result-link{font-size:13px;color:var(--accent);text-decoration:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.result-link:hover{color:var(--accent-hover);text-decoration:underline}.status{text-align:center;color:var(--text-muted);padding:24px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.error{color:#c23b22}