.app{font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:20px}h1{color:#333;text-align:center}.search-form{display:flex;gap:10px;margin-bottom:20px}.search-button,.search-input,.search-select{border:1px solid #ccc;border-radius:4px;padding:6px 8px}.search-input{flex-grow:1}.search-button{background-color:#4caf50;border:none;color:#fff;cursor:pointer}.search-button:hover{background-color:#45a049}.search-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;width:100%}.info-icon{cursor:pointer;height:24px;width:24px}.help-section{background-color:#f9f9f9;border:1px solid #ddd;display:flex;flex-direction:column;padding:15px;text-align:center}.help-section,.help-section img{border-radius:4px;margin-top:15px}.help-section img{height:auto;max-width:none;width:100%}.help-section p{margin-bottom:0;text-align:left}.description-image-section,.description-section{background-color:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:20px;padding:15px}.description-image-section{align-items:flex-start;display:flex;gap:20px}.image-container{flex-shrink:0;padding-right:10px;width:150px}.book-cover{border-radius:4px;display:block;height:auto;max-width:100%}.description-text{flex-grow:1;padding-left:10px;text-align:left}.error-box{border-radius:4px;font-weight:700;margin:10px 0;padding:10px 15px;text-align:center}.error-box.warning{background-color:#fff3cd;border:1px solid #ffecb5;color:#664d03}.error-box.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.status-area{margin-bottom:10px;min-height:20px;text-align:center}.graph-display{align-items:center;background-color:#fff;border:1px solid #ddd;display:flex;height:600px;justify-content:center;overflow:hidden;width:100%}.placeholder-text{color:#999}.graph-container{height:100%;width:100%}@media (max-width:768px){.description-image-section{align-items:center;flex-direction:column}.image-container{padding-bottom:15px;padding-right:0}.description-text{padding-left:0}}.relationship-description-box{border:1px solid #ddd}.current-displaying-neighbors,.relationship-description-box{background-color:#fff;border-radius:4px;margin-top:15px;padding:10px}.current-displaying-neighbors{border:1px solid #ddd;margin-bottom:10px;text-align:center}
/*# sourceMappingURL=main.ab8a1eeb.css.map*/