html{color-scheme:light dark}body{font-family:system-ui;font-size:1.25rem;line-height:1.5}img,svg,video{max-width:100%;display:block}input[type=button]{cursor:pointer}nav{padding:1rem 0;border-bottom:1px solid var(--color-border, #ccc);margin-bottom:1rem}nav a{text-decoration:none;color:inherit;font-weight:700}nav a:hover{text-decoration:underline}main{max-width:min(70ch,100% - 4rem);margin-inline:auto}@media screen and (max-width:600px){main{max-width:100%}}#grid-component{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,.25fr));gap:1rem;justify-content:center}.card{display:block;text-decoration:none;color:inherit;border:1px solid var(--color-border, #ccc);border-radius:8px;transition:box-shadow .2s ease-in-out}.card img{border-radius:4px 4px 0 0;width:100%;height:auto;min-height:205px}.card p{padding:1rem;margin:0}.loading-image{width:100%;height:200px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite;border-radius:4px 4px 0 0}.loading-card{animation:pulse 1.5s ease-in-out infinite}.loading-text{padding:1rem}.loading-line{height:1rem;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite;margin-bottom:.5rem;border-radius:4px}.loading-line-1{width:80%}.loading-line-2{width:60%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes loading-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}#search-area{display:flex;gap:.5rem;margin-bottom:1rem}#searchbar{flex:1;padding:.5rem;font-size:1rem}.lookup-component{font-family:sans-serif;max-width:600px;margin:20px auto;padding:10px}.cocktail-title{font-size:1.8em;margin-bottom:10px}.cocktail-thumb{width:100%;max-width:400px;display:block;margin:0 auto 15px;border-radius:6px}.cocktail-instructions{font-size:1em;margin-bottom:20px;line-height:1.4}.cocktail-meta p{margin:4px 0}.ingredients-title{margin-top:20px;font-size:1.4em}.ingredients-list{list-style:none;padding:0}.ingredient-item{display:flex;align-items:center;gap:8px;margin:6px 0}.ingredient-img{width:40px;height:40px}.ingredient-name{font-weight:700}.ingredient-measure{color:#555}.no-cocktail{text-align:center;color:#999}.fade-in-bottom{-webkit-animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1) both;animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1) both}.fade-out{-webkit-animation:fade-out .3s ease-in both;animation:fade-out .3s ease-in both}@-webkit-keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}