:root{--bg-main:oklch(97% .01 245.4);--text-main:oklch(25% .04 243.6);--text-muted:oklch(54% .03 246);--bg-dark:oklch(19% .04 245.3);--primary:oklch(54% .23 260);--primary-hover:oklch(47% .24 265.5);--bg-good:oklch(84.793% .11415 218.468);--text-good:oklch(48.41% .2161 268.589);--bg-fair:oklch(93% .14 149.6);--text-fair:oklch(43% .12 147.4);--bg-moderate:oklch(91% .14 85.8);--text-moderate:oklch(43% .13 49.9);--bg-poor:oklch(88% .11 18.3);--text-poor:oklch(38% .16 23.4)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);min-height:100vh;color:var(--text-main);font-family:Arial,sans-serif;line-height:1.5}img{border-radius:.75rem;width:100%;display:block}a{color:inherit}.skip-link{position:absolute;left:-624.938rem}.skip-link:focus{color:oklch(100% 0 0);z-index:1000;background-color:oklch(0% 0 0);padding:1rem;top:1rem;left:1rem}:focus-visible{outline:.1875em solid var(--primary);outline-offset:.1875em}.header{background-color:var(--bg-dark);color:oklch(100% 0 0);padding:2rem;box-shadow:0 .25rem .625rem oklch(0% 0 0/.2)}.header h1{margin-bottom:1rem}.back-link{margin-top:.5em;display:inline-block}.search-section,.detail-container,.form-section,.reviews-section{padding:2rem}.search-section{flex-direction:column;gap:1rem;display:flex}.search-section label{font-weight:700}.search-section input{border:.0625rem solid oklch(86% .02 242.4);border-radius:.625rem;width:100%;max-width:25rem;padding:.9rem;font-size:1rem}.library-grid{grid-template-columns:repeat(auto-fit,280px);justify-content:center;gap:1.5rem;padding:2rem;display:grid}.container{width:100%;max-width:1400px;margin:0 auto}.card,.review-card,.review-form{background-color:oklch(100% 0 0);border-radius:.75rem;box-shadow:0 .25rem .625rem oklch(0% 0 0/.1)}.card{flex-direction:column;justify-content:space-between;padding:1rem;transition:all .2s;display:flex;overflow:hidden}.card:hover,.card:focus-within{transform:translateY(-.25rem)}.card img{aspect-ratio:16/9;object-fit:cover}.card h2{margin:1rem 0}.card p{margin-bottom:.8rem}.card a,button{background-color:var(--primary);color:oklch(100% 0 0);cursor:pointer;border-radius:.5em;padding:.7em 1em;transition:all .2s}.card a{width:fit-content;margin-top:1rem;text-decoration:none;display:inline-block}button{border:none;padding:.9em 1.2em}.card a:hover,.card a:focus-visible,button:hover,button:focus-visible{background-color:var(--primary-hover)}.detail-layout{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;display:grid}.detail-image{object-fit:cover;width:100%;max-height:21.875rem}.detail-content h2,.detail-content p{margin-bottom:1rem}.badge{border-radius:62.4375rem;width:fit-content;padding:.5em .8em;font-weight:700;display:inline-block}.good{background-color:var(--bg-good);color:var(--text-good)}.fair{background-color:var(--bg-fair);color:var(--text-fair)}.moderate{background-color:var(--bg-moderate);color:var(--text-moderate)}.poor,.very_poor,.extremely_poor{background-color:var(--bg-poor);color:var(--text-poor)}.review-form{max-width:37.5rem;margin-top:1rem;padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label,.rating-group legend{margin-bottom:.5rem;font-weight:700;display:block}.form-group input,.form-group textarea{border:.0625rem solid oklch(86% .02 242.4);border-radius:.5rem;width:100%;padding:.8rem}.form-group textarea{min-height:7.5rem}.rating-group{border:none;margin-bottom:1.5rem}.rating-group label{margin-bottom:.5rem;display:block}.success-message{color:oklch(47% .16 142.5);margin-top:1rem;font-weight:700}.reviews-container{gap:1rem;margin-top:1.5rem;display:grid}.review-card{padding:1.5rem;box-shadow:0 .25rem .625rem oklch(0% 0 0/.08)}.review-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.review-card small{color:var(--text-muted);margin-top:1rem;display:block}@media (width<=48rem){.detail-layout{grid-template-columns:1fr}}@media (width<=37.5rem){.header,.search-section,.library-grid,.detail-container,.form-section{padding:1rem}}