#root{font-family:Arial,sans-serif;max-width:1280px;width:100%}body{margin:0;display:flex;justify-content:center;align-items:flex-start}.app-container{display:flex;align-items:flex-start;gap:10px;height:100%;min-height:100vh;padding-top:2rem;background:var(--Neutral-100)}.book-info-container{text-align:center;min-width:300px}.book-info-container .load-button{padding:10px 20px;font-size:1rem;background-color:var(--Secondary-600-P);color:var(--White);border:none;border-radius:5px;cursor:pointer}.book-info-container .load-button:hover{background-color:var(--Secondary-900)}.book-info-container .book-details-container{margin-top:30px}.book-info-container .book-details-cover{max-width:300px;margin-bottom:20px;border-radius:5px;box-shadow:3px 3px 10px var(--Black)}.book-info-container .book-details-title{font-size:1.5rem;margin-bottom:10px}.book-info-container p{font-size:1rem;margin:5px 0}.book-info-container .loading{font-size:1.2rem;text-align:center;color:var(--Secondary-600-P)}.book-info-container .error{font-size:1.2rem;text-align:center;color:var(--Persian-Red-500-P)}.fizzbuzz-container{text-align:center;min-width:200px}.fizzbuzz-button{padding:10px 20px;font-size:16px}.fizzbuzz-output{white-space:pre-line}.book-item-container{display:flex;flex-direction:column;align-items:center;max-width:180px;text-align:center}.book-item-cover{width:150px;height:150px;object-fit:cover;border-radius:50%;box-shadow:3px 3px 10px var(--Black)}.book-item-title{font-size:1rem;margin-top:10px}.book-list-container{text-align:center;width:100%}.search-box{padding:10px;width:300px;font-size:1rem;border:1px solid var(--Neutral-600-P);border-radius:5px;margin-bottom:15px}.book-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:20px}.no-results{font-size:1.2rem;color:var(--Neutral-600-P)}.loading,.error{font-size:1.2rem;color:var(--Persian-Red-500-P)}.book-card-wrapper{position:relative}.book-preview-overlay{position:fixed;background:var(--Neutral-950);color:var(--White);padding:10px;border-radius:6px;box-shadow:0 4px 8px var(--Black);z-index:1000;width:250px;max-width:calc(100vw - 20px);display:block;transition:opacity .2s ease-in-out;visibility:hidden;opacity:0}.book-card-wrapper:hover .book-preview-overlay{visibility:visible;opacity:1}.preview-content{text-align:center}.preview-image{width:100%;height:auto;border-radius:4px;margin-bottom:5px}.preview-title{font-size:18px;margin-bottom:5px;font-weight:700}.preview-text{font-size:14px}:root{--Primary-950: #002e27;--Primary-900: #025244;--Primary-800: #016450;--Primary-700: #007f64;--Primary-600: #009e79;--Primary-500: #06c393;--Primary-400-P: #22cf9e;--Primary-300: #67eec3;--Primary-200: #a3f7d7;--Primary-100: #cffce9;--Primary-50: #ebfef7;--Secondary-950: #1a345b;--Secondary-900: #1f4d89;--Secondary-800: #2059ad;--Secondary-700: #1f6ed6;--Secondary-600-P: #2885e8;--Secondary-500: #3da2f4;--Secondary-400: #62bff8;--Secondary-300: #94d7fc;--Secondary-200: #c0e5fd;--Secondary-100: #dbf0fe;--Secondary-50: #eff9ff;--Neutral-950: #25272c;--Neutral-900: #383a42;--Neutral-800: #40444c;--Neutral-700: #4a4e5a;--Neutral-600-P: #5b616e;--Neutral-500: #6b7280;--Neutral-400: #8e95a2;--Neutral-300: #b6bac3;--Neutral-200: #d8dbdf;--Neutral-100: #edeef1;--Neutral-50: #f7f8f8;--Persian-Red-950: #450a0a;--Persian-Red-900: #7f1d1d;--Persian-Red-800: #991b1b;--Persian-Red-700: #b91c1c;--Persian-Red-600: #dc2626;--Persian-Red-500-P: #ef4444;--Persian-Red-400: #f87171;--Persian-Red-300: #fca5a5;--Persian-Red-200: #fecaca;--Persian-Red-50: #fef2f2;--Pumpkin-950: #432007;--Pumpkin-900: #7c3d12;--Pumpkin-800: #9a4a12;--Pumpkin-700: #c2570c;--Pumpkin-600: #ea670c;--Pumpkin-500-P: #f97316;--Pumpkin-400: #fb8a3c;--Pumpkin-300: #fdac74;--Pumpkin-200: #feccaa;--Pumpkin-100: #ffe6d5;--Pumpkin-50: #fff4ed;--Chateau-Green-950: #052e14;--Chateau-Green-900: #14532b;--Chateau-Green-800: #166533;--Chateau-Green-700: #15803c;--Chateau-Green-600: #16a34a;--Chateau-Green-500-P: #22c55e;--Chateau-Green-400: #4ade81;--Chateau-Green-300: #86efad;--Chateau-Green-200: #bbf7d1;--Chateau-Green-100: #dcfce8;--Chateau-Green-50: #f0fdf5;--Black: #000000;--White: #ffffff}