:root{--bg-deep:#0c1612;--bg-cellar:#13241c;--bg-panel:#1a3228;--glass-green:#1f3d32;--glass-highlight:#2f5a48;--wine:#6b1e2e;--wine-bright:#8b2942;--wine-glow:#8b294259;--gold:#c9a84c;--gold-soft:#e0c97a;--label-paper:#f3efe4;--label-ink:#1a1a16;--text:#f2efe6;--text-muted:#a8b5ad;--correct:#3d8b6e;--wrong:#b54a4a;--radius:4px;--font-display:"Fraunces", Georgia, serif;--font-body:"DM Sans", system-ui, sans-serif;--shadow-soft:0 24px 60px #00000073}.landing{flex-direction:column;align-items:center;width:min(100%,40rem);display:flex}.landing .btn-primary{margin-top:clamp(1.25rem,3vh,1.75rem)}.bottle-stage{justify-content:center;width:min(100%,360px);margin-top:clamp(1rem,2.5vh,1.5rem);display:flex}.bottle{--bottle-w:min(320px, 78vw);width:var(--bottle-w);height:calc(var(--bottle-w) * 2.15);position:relative}.bottle-foil{background:linear-gradient(180deg, var(--gold-soft), var(--gold) 60%, #8a6f2e);z-index:2;border-radius:4px 4px 2px 2px;width:22%;height:7.5%;margin-left:-11%;position:absolute;top:0;left:50%}.bottle-neck{background:linear-gradient(90deg, #163028, var(--glass-green) 45%, #163028);border-radius:6px 6px 0 0;width:19%;height:16%;margin-left:-9.5%;position:absolute;top:5%;left:50%}.bottle-shoulder{background:var(--glass-green);border-radius:50% 50% 40% 40%/70% 70% 30% 30%;width:68%;height:10%;margin-left:-34%;position:absolute;top:17%;left:50%}.bottle-body{background:linear-gradient(180deg, #1a3830 0%, var(--glass-green) 40%, #152820 100%);border-radius:8% 8% 14% 14%/4% 4% 8% 8%;width:76%;height:72%;margin-left:-38%;position:absolute;top:24%;left:50%;overflow:hidden;box-shadow:0 20px 40px #00000059}.bottle-wine{pointer-events:none;background:linear-gradient(#6b1e2e80,#46121ee0);height:70%;position:absolute;bottom:0;left:0;right:0}.bottle-label{background:var(--label-paper);width:76%;height:58%;color:var(--label-ink);z-index:1;border-radius:4px;flex-direction:column;gap:.4rem;margin-left:-38%;padding:.85rem .75rem;text-decoration:none;transition:box-shadow .2s;display:flex;position:absolute;top:14%;left:50%;box-shadow:inset 0 0 0 1px #0000000f}.bottle-label:hover{box-shadow:inset 0 0 0 1px #0000000f,0 6px 16px #00000038}.bottle-label:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.label-brand{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;text-align:center;color:var(--wine);flex-shrink:0;font-size:clamp(.7rem,2.4vw,.85rem);font-weight:700}.label-tweet{white-space:pre-line;text-align:left;color:#222018;flex:1;margin:0;font-size:clamp(.68rem,2.35vw,.82rem);line-height:1.4;overflow:hidden}.label-meta{color:#5a5648;text-align:center;letter-spacing:.03em;flex-shrink:0;font-size:clamp(.58rem,2vw,.7rem)}@media (height<=760px){.bottle{--bottle-w:min(260px, 70vw)}.label-tweet{font-size:clamp(.62rem,2vw,.74rem);line-height:1.35}}@media (height<=640px){.bottle{--bottle-w:min(220px, 58vw)}.landing .lede{display:none}}.quiz{width:min(100%,36rem);animation:.45s both fade-up}.quiz-progress{color:var(--text-muted);justify-content:space-between;align-items:baseline;margin-bottom:1.25rem;font-size:.9rem;display:flex}.quiz-progress strong{color:var(--gold-soft);font-family:var(--font-display);font-size:1.1rem}.progress-track{background:#ffffff14;border-radius:999px;height:3px;margin-bottom:1.75rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--wine), var(--gold));height:100%;transition:width .35s}.quiz-prompt{font-family:var(--font-display);margin:0 0 1.5rem;font-size:clamp(1.35rem,3.5vw,1.75rem);font-weight:500;line-height:1.3}.choices{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.choice{text-align:left;width:100%;color:var(--text);border-radius:var(--radius);cursor:pointer;background:#1a3228bf;border:1px solid #ffffff14;padding:1rem 1.1rem;font-size:1rem;transition:border-color .15s,background .15s,transform .15s}.choice:hover:not(:disabled){background:#1f3d32f2;border-color:#c9a84c73}.choice:disabled{cursor:default}.choice.correct{border-color:var(--correct);background:#3d8b6e38;animation:.35s answer-pop}.choice.wrong{border-color:var(--wrong);background:#b54a4a2e;animation:.4s answer-shake}.choice.reveal-correct{border-color:var(--correct);background:#3d8b6e2e}.feedback{min-height:1.5rem;margin-top:1.25rem;font-weight:500;animation:.3s both fade-up}.feedback.ok{color:#7dceb0}.feedback.no{color:#e08a8a}.quiz .btn-primary{margin-top:1.25rem}@keyframes answer-pop{0%{transform:scale(1)}40%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes answer-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.results{flex-direction:column;align-items:center;width:min(100%,28rem);animation:.55s cubic-bezier(.22,1,.36,1) both card-enter;display:flex}.results-zero{text-align:center}.results-zero .lede{margin-bottom:.25rem}.results-actions{width:100%}.share-toast{text-align:center;color:var(--gold-soft);min-height:1.25rem;margin-top:.75rem;font-size:.9rem}.share-card{width:100%;box-shadow:var(--shadow-soft);text-align:center;background:linear-gradient(#1a3228f2,#0c1612fa);border:1px solid #c9a84c47;flex-direction:column;align-items:center;padding:1.25rem 1.25rem 1.5rem;display:flex}.share-card-brand{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0 0 .85rem;font-size:.75rem}.share-card-image-wrap{aspect-ratio:1;background:radial-gradient(circle at 50% 40%,#24382e,#101a16 70%);justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.share-card-image-wrap img{object-fit:cover;width:100%;height:100%;display:block}.corked{color:var(--text-muted);flex-direction:column;align-items:center;gap:.75rem;padding:2rem;display:flex}.corked-bottle{width:64px;height:140px;position:relative}.corked-bottle .neck{background:var(--glass-green);border-radius:2px 2px 0 0;width:18px;height:28px;margin:0 auto}.corked-bottle .cork{background:linear-gradient(#c4a574,#8a6b3d);border-radius:2px;width:22px;height:12px;margin:0 auto -2px}.corked-bottle .body{background:linear-gradient(180deg, var(--glass-highlight), var(--glass-green));opacity:.55;border-radius:8px 8px 14px 14px;width:48px;height:90px;margin:0 auto}.share-card-score{font-family:var(--font-display);color:var(--text);margin:1.1rem 0 .35rem;font-size:clamp(1.6rem,5vw,2rem);font-weight:700}.share-card-score span{color:var(--gold-soft)}.share-card-blurb{color:var(--text-muted);max-width:22rem;margin:0;font-size:.98rem;line-height:1.45}@keyframes card-enter{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-body);color:var(--text);background:linear-gradient(180deg, #12241c 0%, var(--bg-deep) 55%, #0a1210 100%);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}button,a{font-family:inherit}.app-shell{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:clamp(1rem,3vh,2rem) 1.25rem clamp(1.5rem,4vh,2.5rem);display:flex}.brand{font-family:var(--font-display);letter-spacing:-.02em;text-align:center;color:var(--gold-soft);margin:0;font-size:clamp(2.2rem,6vw,3.5rem);font-weight:700;line-height:1.05}.lede{text-align:center;max-width:26rem;color:var(--text-muted);margin:.65rem 0 0;font-size:clamp(.95rem,2.4vw,1.05rem);line-height:1.45}.btn{appearance:none;cursor:pointer;border-radius:var(--radius);border:none;padding:.9rem 1.6rem;font-size:1rem;font-weight:600;transition:background .18s,box-shadow .18s,border-color .18s}.btn-primary{background:var(--wine-bright);color:var(--text);box-shadow:0 8px 24px #6b1e2e59}.btn-primary:hover{background:#9d3350}.btn-secondary{color:var(--gold-soft);background:0 0;border:1px solid #c9a84c73}.btn-secondary:hover{border-color:var(--gold);background:#c9a84c14}.btn-row{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}