:root{--bg: #f7f6f3;--card: #ffffff;--ink: #1f2421;--muted: #6b7280;--accent: #2f6f4f;--accent-ink: #ffffff;--border: #e3e1db;--danger: #b23b3b;--radius: 8px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink)}.app{max-width:880px;margin:0 auto;padding:24px 16px 64px}.app-header h1{margin:0 0 4px;font-size:1.6rem}.app-header p{margin:0 0 20px;color:var(--muted)}.searchbar{display:flex;gap:8px;margin-bottom:16px}.searchbar input{flex:1;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:1rem}button{cursor:pointer;font-size:.95rem;padding:9px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--card);color:var(--ink)}button:hover{border-color:var(--accent)}button[disabled]{opacity:.6;cursor:default}.searchbar button,.request-books,.add-selected,.modal-actions button[type=submit]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.error{color:var(--danger);margin:8px 0}.results{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px;margin-bottom:20px}.results table{width:100%;border-collapse:collapse}.results th{text-align:left;font-size:.8rem;color:var(--muted);padding:6px 8px;border-bottom:1px solid var(--border)}.results td{padding:8px;border-bottom:1px solid var(--border);vertical-align:middle}.cover{width:40px;height:56px;object-fit:cover;border-radius:4px}.no-cover{display:inline-block;width:40px;text-align:center;color:var(--muted)}.add-selected{margin-top:12px}.request-list{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;margin-bottom:20px}.request-list h2{font-size:1.1rem;margin:4px 0 12px}.request-list ul{list-style:none;margin:0 0 12px;padding:0}.request-list li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--card);border-radius:var(--radius);padding:20px;width:100%;max-width:380px}.modal-tabs{display:flex;gap:8px;margin-bottom:14px}.modal-tabs .active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.modal form{display:flex;flex-direction:column;gap:10px}.modal input{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:1rem}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}.confirmation{background:#e9f3ec;border:1px solid var(--accent);border-radius:var(--radius);padding:16px;margin-top:20px}.confirmation p{margin:0 0 12px}@media (max-width: 540px){.results td,.results th{padding:6px 4px;font-size:.9rem}.cover{width:32px;height:44px}}