:root{font-family:Avenir,Segoe UI,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;min-height:100%}body{min-width:320px}button,input{font:inherit}#root{width:100vw;min-height:100vh;margin:0;padding:2rem;box-sizing:border-box;background-color:#b5dfff}.page{width:min(1200px,100%);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center}.title{margin:0;color:#1b3c59}.search-section{width:100%;display:flex;align-items:center;justify-content:center;gap:.9rem}.search-input{flex:1;min-width:360px;height:54px;padding:0 1rem;border:3px solid #5fb3e6;border-radius:12px;font-size:1.1rem;background-color:#fff;color:#1b3c59}.search-input:focus{outline:none;border-color:#5fb3e6;box-shadow:0 0 0 2px #5fb3e633}.search-button,.random-button,.suggestion-button,.back-link{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;height:54px;border:3px solid #ffffff;border-radius:12px;background-color:#5fb3e6;color:#fff;font-weight:700;text-decoration:none;cursor:pointer}.search-button,.random-button{white-space:nowrap;padding:0 1rem}.suggestions-section{width:100%}.section-label{margin:0 0 .75rem;color:#1b3c59;font-weight:700}.suggestion-grid{display:flex;justify-content:center;gap:.7rem;flex-wrap:wrap}.suggestion-button{padding:0 .9rem}.search-button:disabled,.random-button:disabled{cursor:not-allowed;opacity:.7}.status-text{margin:0;color:#1b3c59;font-weight:700}.error-text{color:#a01830}.cat-section{width:100%;margin-top:.5rem}.cat-title{margin:0 0 .6rem;font-size:2rem;color:#1b3c59}.cat-link{display:inline-block}.cat-image{width:620px;max-width:100%}.loading-cat-wrap{display:flex;flex-direction:column;align-items:center;gap:.5rem}.cat-image-loading{width:96px;height:96px;object-fit:cover;border-radius:50%;animation:spin-cat 1s linear infinite}@keyframes spin-cat{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.top-nav{width:100%;display:flex;justify-content:center;gap:.7rem;flex-wrap:wrap}.back-link{height:44px;padding:0 .9rem}.collection-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.8rem}.image-card{display:block;background-color:#fff;border:3px solid #ffffff;border-radius:12px;overflow:hidden}.collection-image{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.detail-layout{width:100%;display:grid;grid-template-columns:1.3fr 1fr;gap:1rem;align-items:start}.detail-image{width:100%;border-radius:16px;background-color:#fff}.detail-panel{background-color:#fff;border:3px solid #ffffff;border-radius:12px;padding:1rem;text-align:left;color:#1b3c59}.detail-panel p{margin:.45rem 0}.detail-title{margin:0 0 .6rem}@media(max-width:900px){.detail-layout{grid-template-columns:1fr}}@media(max-width:700px){#root{padding:1rem}.search-section{flex-wrap:wrap}.search-input{min-width:100%}}