:root{color:#2f1b08;font-synthesis:none;text-rendering:optimizelegibility;background:#fff7ed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.app-shell{background:radial-gradient(circle at 0 0,#fbbf2447,#0000 28rem),linear-gradient(#fff7ed 0%,#ffedd5 100%);min-height:100vh;padding:1rem}.hero-card,.reply-card,.info-card{background:#fffbebeb;border:1px solid #92400e29;border-radius:1.5rem;width:min(100%,56rem);margin:0 auto;box-shadow:0 1.25rem 3rem #78350f24}.hero-card{padding:1.25rem}.eyebrow{color:#b45309;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .5rem;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.06em;margin-bottom:.75rem;font-size:clamp(2rem,12vw,4.25rem);line-height:.96}h2{margin-bottom:.85rem;font-size:1.15rem}h3{margin-bottom:.3rem;font-size:1rem}.lead{color:#6b3a10;margin-bottom:1.25rem;font-size:1rem;line-height:1.7}.upload-panel{gap:.65rem;margin-bottom:1rem;display:grid}.upload-label,.primary-button,.copy-button{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;font-weight:800;transition:transform .16s,box-shadow .16s,opacity .16s;display:inline-flex}.upload-label,.primary-button{color:#fff7ed;background:linear-gradient(135deg,#f59e0b,#d97706);min-height:3.25rem;padding:.9rem 1.25rem;box-shadow:0 .75rem 1.5rem #d9770647}.upload-label:hover,.primary-button:hover,.copy-button:hover{transform:translateY(-1px)}.file-input{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.file-input:focus-visible+.file-name{outline-offset:3px;outline:3px solid #b4530973}.upload-label:has(+.file-input:focus-visible){outline-offset:3px;outline:3px solid #b4530973}.file-name,.muted{color:#8a5a1f;margin-bottom:0;font-size:.92rem}.preview-card{text-align:center;background:#fff7edc7;border:1px dashed #b4530961;border-radius:1.25rem;place-items:center;min-height:11rem;margin:1rem 0;padding:1rem;display:grid}.preview-card h2{justify-self:start;margin-bottom:.75rem}.preview-card img{object-fit:contain;border-radius:1rem;width:100%;max-height:22rem;display:block;box-shadow:0 .75rem 2rem #451a032e}.primary-button{width:100%}.primary-button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.loading-panel{background:#fff7ede6;border:1px solid #b4530938;border-radius:1.25rem;gap:.85rem;margin:1rem 0;padding:1rem;display:grid}.loading-header{align-items:center;gap:.65rem;display:flex}.loading-message{color:#8a5a1f;margin-bottom:0;font-weight:800}.spinner{border:.22rem solid #d9770640;border-top-color:#d97706;border-radius:50%;width:1.25rem;height:1.25rem;animation:.7s linear infinite spin;display:inline-block}.spinner-on-button{border-color:#fff7ed #fff7ed73 #fff7ed73;width:1.1rem;height:1.1rem;margin-right:.55rem}@keyframes spin{to{transform:rotate(360deg)}}.progress-bar{background:#b453092e;border-radius:999px;height:.4rem;position:relative;overflow:hidden}.progress-bar-fill{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:999px;width:40%;height:100%;animation:1.4s ease-in-out infinite indeterminate-slide;position:absolute;top:0;left:-40%}@keyframes indeterminate-slide{0%{left:-40%}to{left:100%}}.beer-tip{text-align:left;background:#fbbf242e;border-left:.25rem solid #d97706;border-radius:1rem;padding:.85rem}.beer-tip-heading{color:#b45309;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.35rem;font-size:.72rem;font-weight:800}.beer-tip-name{margin-bottom:.3rem}.beer-tip-description{color:#4b2a0c;margin-bottom:0;line-height:1.6}@media (prefers-reduced-motion:reduce){.spinner,.progress-bar-fill{animation:none}.progress-bar-fill{opacity:.5;width:100%;left:0}}.error-message{color:#991b1b;background:#fef2f2;border:1px solid #dc262633;border-radius:1rem;padding:.8rem 1rem;font-weight:700}.result-grid{gap:1rem;width:min(100%,56rem);margin:1rem auto 0;display:grid}.reply-card,.info-card{padding:1rem}.reply-card{background:#fffbeb}.reply-card p,.info-card p,.info-card li{color:#4b2a0c;line-height:1.7}.section-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.section-heading h2{margin-bottom:0}.copy-button{color:#fff7ed;background:#451a03;min-width:5.5rem;padding:.55rem .8rem}.taste-comment-list{gap:.8rem;display:grid}.taste-comment-item{background:#fff7edd1;border-left:.25rem solid #0000;border-radius:1rem;padding:.85rem}.taste-comment-item-recommended{background:#fbbf242e;border-left-color:#d97706}.taste-comment-item p{margin-bottom:0}.beer-list{gap:.8rem;display:grid}.beer-item{background:#fff7edd1;border-radius:1rem;padding:.85rem}.beer-item p{margin-bottom:.5rem}ul{margin:0;padding-left:1.2rem}.warning-card{background:#fff7ed;border-color:#d9770652}@media (width>=720px){.app-shell{padding:2rem}.hero-card,.reply-card,.info-card{border-radius:2rem;padding:2rem}.upload-panel{grid-template-columns:max-content 1fr;align-items:center}.file-name{grid-column:1/-1}}