:root{--paper: #f6eedc;--paper-edge: #ede2cb;--ink: #1c4d30;--ink-soft: #4e6350;--ink-faint: #8a907f;--rule: #a9c4c9;--red: #d93b2b;--gold: #e9a13b;--gold-fill: #efb25a;--blush: #f2a9b8;--display: "Pinyon Script", cursive;--serif: "EB Garamond", Georgia, serif;--serif-ko: "Noto Serif KR", "Nanum Myeongjo", serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--t-drink: 1.375rem;--t-body: 1.0625rem;--t-meta: .8125rem;--gutter: 20px;--nav-h: 60px}@media(prefers-color-scheme:dark){:root{--paper: #e4d7bb;--paper-edge: #dccdaa}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:var(--t-body);line-height:1.45;min-height:100vh;min-height:100dvh;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 8px)}html[data-lang=ko] body,:lang(ko){font-family:var(--serif-ko)}img{max-width:100%;display:block}button{font:inherit;cursor:pointer;background:none;border:none;color:inherit}.sheet-frame{position:fixed;inset:10px 10px calc(var(--nav-h) + env(safe-area-inset-bottom) + 4px);border:1px solid var(--rule);pointer-events:none;z-index:1}.wrap{max-width:640px;margin:0 auto;padding:0 var(--gutter);position:relative;z-index:2}.masthead{text-align:center;padding:2.6rem 0 1rem}.masthead h1{font-family:var(--display);font-weight:400;color:var(--red);font-size:clamp(3rem,13vw,4.2rem);line-height:1;margin:0;padding-bottom:.1em}.masthead .sub{font-style:italic;color:var(--ink-soft);margin-top:.2rem}.welcome{text-align:center;color:var(--ink-soft);max-width:32rem;margin:1rem auto 0}.section{margin-top:3rem}.section>h2{font-family:var(--serif);font-weight:600;font-size:1.5rem;text-align:center;margin:0 0 .4rem;color:var(--ink)}html[data-lang=ko] .section>h2{font-family:var(--serif-ko)}.section>h2:before,.section>h2:after{content:"";display:inline-block;width:2rem;height:1px;background:var(--rule);vertical-align:middle;margin:0 .7rem}.entry{display:flex;align-items:flex-start;gap:.9rem;width:100%;text-align:left;padding:1.1rem 0;border-bottom:1px solid var(--rule);color:inherit;transition:opacity .08s}.entry:first-of-type{border-top:1px solid var(--rule)}.entry:active{opacity:.6}.entry .art{flex:none;width:92px;margin-top:-6px}.entry .art svg{width:100%;height:auto}.entry .body{flex:1;min-width:0}.entry h3{font-size:var(--t-drink);font-weight:600;margin:0;line-height:1.15}html[data-lang=ko] .entry h3{font-family:var(--serif-ko)}.entry p{margin:.3rem 0 0;color:var(--ink-soft);max-width:34ch}.meta{font-family:var(--mono);font-size:var(--t-meta);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);margin-top:.45rem}.pips{letter-spacing:.1em}.twist{margin-top:.5rem;padding-left:.6rem;border-left:2px solid var(--blush);font-style:italic;color:var(--ink);font-size:.98rem}.chip{display:inline-block;font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;padding:.22rem .5rem;border-radius:999px;background:var(--gold-fill);color:var(--ink);font-weight:500}.chip.muted{background:transparent;border:1px solid var(--rule);color:var(--ink-faint)}.btn{display:block;width:100%;min-height:52px;border-radius:4px;background:var(--ink);color:var(--paper);font-family:var(--serif);font-size:1.05rem;font-weight:600;padding:.8rem 1rem}html[data-lang=ko] .btn{font-family:var(--serif-ko)}.btn:active{opacity:.7}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}.btn.text{background:none;border:none;color:var(--ink-soft);min-height:44px;font-weight:400}.btn:disabled{opacity:.45}.bottle{padding:1.5rem 0;border-bottom:1px solid var(--rule)}.bottle-head{display:flex;gap:1rem;align-items:flex-start}.bottle-head img{flex:none;height:132px;width:auto;max-width:90px;object-fit:contain;object-position:bottom;margin-left:-12px;filter:drop-shadow(0 8px 12px rgb(28 77 48 / .18))}.bottle h3{font-size:1.3rem;font-weight:600;margin:0}html[data-lang=ko] .bottle h3{font-family:var(--serif-ko)}.bottle .origin{font-family:var(--mono);font-size:var(--t-meta);text-transform:uppercase;letter-spacing:.06em;color:var(--gold);margin-top:.25rem}.bottle .notes{font-style:italic;color:var(--ink);margin:.7rem 0 0}.neat-only{text-align:center;font-style:italic;color:var(--ink-soft);margin:1rem 0 0}.makes-label{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);margin:1.1rem 0 .4rem;display:flex;align-items:center;gap:.6rem}.makes-label:after{content:"";flex:1;height:1px;background:var(--gold);opacity:.5}.rail{display:flex;gap:.7rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.2rem}.rail::-webkit-scrollbar{display:none}.rail button{flex:none;width:78px;scroll-snap-align:start;text-align:center;color:inherit}.rail button svg{margin:0 auto}.rail .nm{font-size:.74rem;line-height:1.2;color:var(--ink-soft);margin-top:.1rem}.food{background:var(--paper-edge);margin:3rem calc(-1 * var(--gutter)) 0;padding:2rem var(--gutter) 2.4rem;border-top:3px double var(--rule);border-bottom:3px double var(--rule)}.dish{padding:.9rem 0;border-bottom:1px solid var(--rule);display:flex;gap:1rem;align-items:baseline;width:100%;text-align:left;color:inherit}.dish:last-child{border-bottom:none}.dish .body{flex:1}.dish h3{font-size:1.2rem;font-weight:600;margin:0}html[data-lang=ko] .dish h3{font-family:var(--serif-ko)}.dish p{margin:.2rem 0 0;color:var(--ink-soft);font-size:1rem}.course-label{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);margin:1.4rem 0 .3rem}.nav{position:fixed;left:0;right:0;bottom:0;z-index:30;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:flex;background:var(--paper);border-top:1px solid var(--rule)}.nav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);position:relative}.nav button.on{color:var(--ink)}.nav button.on:after{content:"";position:absolute;bottom:6px;width:18px;height:2px;background:var(--gold)}.nav svg,.nav img{width:22px;height:22px}.tabbar{position:fixed;left:0;right:0;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));z-index:29;display:flex;align-items:center;gap:.8rem;padding:.7rem var(--gutter);background:var(--gold-fill);border-top:1px solid var(--ink);transform:translateY(120%);transition:transform .24s cubic-bezier(.2,.8,.2,1)}.tabbar.show{transform:none}.tabbar .count{font-weight:600;flex:1;text-align:left}.tabbar .send{background:var(--ink);color:var(--paper);border-radius:4px;padding:.55rem 1.1rem;font-weight:600;min-height:44px}@keyframes tick{50%{transform:scale(1.25)}}.tabbar .n{display:inline-block}.tabbar .n.bump{animation:tick .12s ease}dialog.sheet{border:none;padding:0;background:transparent;width:100%;max-width:100%;margin:auto auto 0}dialog.sheet::backdrop{background:#14281c73}.sheet-inner{background:var(--paper);border-radius:20px 20px 0 0;box-shadow:0 -10px 34px #1c4d301f;padding:1rem var(--gutter) calc(1.4rem + env(safe-area-inset-bottom));max-width:640px;margin:0 auto;max-height:90vh;max-height:90dvh;overflow-y:auto;text-align:center}@media(min-width:700px){dialog.sheet{margin:auto}.sheet-inner{border-radius:8px}}.grab{width:40px;height:4px;border-radius:999px;background:var(--ink-faint);opacity:.4;margin:0 auto 1rem}.sheet-inner h2{font-size:1.75rem;font-weight:600;margin:.4rem 0 0}html[data-lang=ko] .sheet-inner h2{font-family:var(--serif-ko)}.sheet-inner .lede{color:var(--ink-soft);max-width:30ch;margin:.7rem auto 0}.sheet-inner .twist{text-align:left;display:inline-block;margin-top:1rem}.sheet-rule{display:flex;align-items:center;gap:.6rem;color:var(--rule);margin:.9rem auto;max-width:220px}.sheet-rule:before,.sheet-rule:after{content:"";flex:1;height:1px;background:var(--rule)}.actions{margin-top:1.5rem;display:grid;gap:.5rem}@keyframes draw{0%{stroke-dashoffset:620}to{stroke-dashoffset:0}}.sheet-inner .drink path[stroke]{stroke-dasharray:620;animation:draw .7s cubic-bezier(.2,.7,.2,1) forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}}.sheet-inner .drink path[fill]:not([stroke]){animation:fadeUp .24s .3s backwards}.quiz{position:fixed;inset:0;z-index:60;background:var(--paper);display:flex;flex-direction:column;padding:1rem var(--gutter) calc(1.6rem + env(safe-area-inset-bottom));overflow-y:auto}.quiz-top{display:flex;align-items:center;gap:1rem}.paws{display:flex;gap:6px;margin-left:auto}.paws i{width:10px;height:10px;border-radius:50% 50% 45% 45%;border:1.5px solid var(--ink-faint);display:block}.paws i.on{background:var(--gold);border-color:var(--gold)}.quiz-satang{width:76px;margin:1.4rem auto 0;transition:transform .3s}.quiz h2{text-align:center;font-size:1.6rem;font-weight:600;margin:1rem auto 0;max-width:18ch}html[data-lang=ko] .quiz h2{font-family:var(--serif-ko)}.quiz .ko-q{text-align:center;color:var(--ink-soft);margin-top:.2rem}.answers{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:1.5rem}.answers.one{grid-template-columns:1fr}.answer{border:1px solid var(--rule);background:var(--paper-edge);padding:1.1rem .8rem;min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:inherit;border-radius:0}.answer:active{opacity:.65}.answer .lab{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.07em}.answer svg{width:54px;height:auto}.quiz-result{text-align:center;margin:auto 0}.quiz-result .say{font-style:italic;color:var(--ink);border-left:2px solid var(--blush);padding-left:.7rem;text-align:left;display:inline-block;margin-top:1rem}.empty{text-align:center;color:var(--ink-soft);font-style:italic;padding:3rem 1rem}input[type=text],textarea{width:100%;font:inherit;padding:.7rem .8rem;border-radius:4px;border:1px solid var(--rule);background:var(--paper-edge);color:var(--ink)}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.satang-foot{display:block;margin:2.5rem auto 0;width:min(160px,42%)}@media(prefers-reduced-motion:reduce){*,.sheet-inner .drink path[stroke]{animation:none!important;transition:none!important;stroke-dasharray:none!important}}