:root{--bg: #faf5e9;--surface: #fffdf7;--ink: #1f5133;--ink-soft: #5c6b5f;--accent: #e23b2e;--accent2: #f2a03d;--line: #a9c4c9;--display: "Pinyon Script", "Snell Roundhand", cursive;--serif: "EB Garamond", Georgia, "Times New Roman", serif;--sans: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--r: 14px;--gap: 1rem;--shadow: 0 1px 2px rgb(0 0 0 / .04), 0 6px 20px rgb(0 0 0 / .06)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;background-image:radial-gradient(rgb(0 0 0 / .02) 1px,transparent 1px);background-size:3px 3px;min-height:100dvh}img{max-width:100%;display:block}button{font:inherit;cursor:pointer}.wrap{max-width:720px;margin:0 auto;padding:0 1.1rem 7rem}.masthead{text-align:center;padding:2.2rem 0 1.2rem;position:relative}.masthead h1{font-family:var(--display);font-weight:400;color:var(--accent);font-size:clamp(2.9rem,12vw,4.4rem);line-height:1;margin:0;padding-bottom:.12em}.masthead .sub{font-family:var(--serif);font-style:italic;color:var(--ink-soft);margin-top:.3rem}.welcome{font-family:var(--serif);font-size:1.05rem;text-align:center;color:var(--ink-soft);max-width:34rem;margin:.8rem auto 0}.section{margin-top:2.6rem}.section>h2{font-family:var(--serif);font-weight:600;font-size:1.75rem;text-align:center;margin:0 0 1.2rem;color:var(--ink)}.section>h2:before,.section>h2:after{content:"";display:inline-block;width:2.2rem;height:1px;background:var(--line);vertical-align:middle;margin:0 .8rem}.grid{display:grid;gap:var(--gap)}@media(min-width:560px){.grid{grid-template-columns:1fr 1fr}}.card{background:var(--surface);border:1px solid color-mix(in srgb,var(--line) 55%,transparent);border-radius:var(--r);padding:1rem 1.05rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.5rem;text-align:left;width:100%;color:inherit;transition:transform .12s ease,box-shadow .12s ease}.card:active{transform:scale(.985)}.card h3{font-family:var(--serif);font-size:1.2rem;font-weight:600;margin:0;color:var(--ink)}.card p{margin:0;font-size:.92rem;color:var(--ink-soft)}.card .foot{display:flex;align-items:center;gap:.5rem;margin-top:auto;padding-top:.35rem}.chip{display:inline-flex;align-items:center;gap:.3rem;font-size:.76rem;line-height:1.3;padding:.25rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--accent2) 22%,transparent);color:color-mix(in srgb,var(--ink) 85%,black);border:1px solid color-mix(in srgb,var(--accent2) 45%,transparent);font-weight:500}.chip.variant{background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.chip.muted{background:color-mix(in srgb,var(--line) 25%,transparent);border-color:color-mix(in srgb,var(--line) 50%,transparent);color:var(--ink-soft)}.twist{font-size:.82rem;color:var(--ink-soft);font-style:italic;border-left:2px solid color-mix(in srgb,var(--accent2) 60%,transparent);padding-left:.55rem}.btn{border:1px solid var(--ink);background:var(--ink);color:var(--surface);border-radius:999px;padding:.6rem 1.1rem;font-weight:600;font-size:.92rem}.btn.ghost{background:transparent;color:var(--ink);border-color:color-mix(in srgb,var(--ink) 30%,transparent)}.btn.accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn:disabled{opacity:.45}.add{margin-left:auto;width:2.1rem;height:2.1rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--ink) 25%,transparent);background:transparent;color:var(--ink);font-size:1.3rem;line-height:1;display:grid;place-items:center;flex:none}.add:active{background:var(--accent);border-color:var(--accent);color:#fff}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid color-mix(in srgb,var(--line) 40%,transparent)}.topbar .spacer{flex:1}.lang{border:1px solid color-mix(in srgb,var(--ink) 25%,transparent);background:transparent;color:var(--ink);border-radius:999px;padding:.3rem .7rem;font-size:.82rem;font-weight:600}.shelf{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap)}@media(min-width:560px){.shelf{grid-template-columns:repeat(3,1fr)}}.bottle{background:var(--surface);border:1px solid color-mix(in srgb,var(--line) 55%,transparent);border-radius:var(--r);padding:.9rem .7rem .8rem;box-shadow:var(--shadow);text-align:center;display:flex;flex-direction:column;align-items:center;gap:.4rem;color:inherit}.bottle img{height:130px;width:auto;object-fit:contain;filter:drop-shadow(0 6px 10px rgb(0 0 0 / .16))}.bottle h3{font-family:var(--serif);font-size:.95rem;margin:0;line-height:1.25}.bottle .meta{font-size:.74rem;color:var(--ink-soft)}.cartbar{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:.7rem 1.1rem calc(.7rem + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(10px);border-top:1px solid color-mix(in srgb,var(--line) 50%,transparent);display:flex;align-items:center;gap:.7rem;transform:translateY(120%);transition:transform .2s ease}.cartbar.show{transform:none}.cartbar .count{font-weight:700}dialog.sheet{border:none;padding:0;background:transparent;max-width:100%;width:100%;margin:auto auto 0}dialog.sheet::backdrop{background:#0000006b}.sheet-inner{background:var(--surface);border-radius:18px 18px 0 0;padding:1.2rem 1.2rem calc(1.4rem + env(safe-area-inset-bottom));max-width:720px;margin:0 auto;max-height:86dvh;overflow-y:auto}@media(min-width:720px){dialog.sheet{margin:auto}.sheet-inner{border-radius:18px}}.sheet-inner h2{font-family:var(--serif);margin:0 0 .6rem}.row{display:flex;align-items:center;gap:.7rem;padding:.6rem 0;border-bottom:1px solid color-mix(in srgb,var(--line) 30%,transparent)}.row:last-of-type{border-bottom:none}.row .grow{flex:1;min-width:0}input[type=text],textarea{width:100%;font:inherit;padding:.65rem .8rem;border-radius:10px;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:var(--bg);color:var(--ink)}input:focus-visible,button:focus-visible,.card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.satang{display:block;margin:2.5rem auto 0;width:min(190px,45%);opacity:.95}.empty{text-align:center;color:var(--ink-soft);font-family:var(--serif);font-style:italic;padding:2.5rem 1rem}.toast{position:fixed;left:50%;bottom:5.5rem;transform:translate(-50%) translateY(1rem);z-index:50;background:var(--ink);color:var(--surface);padding:.7rem 1.1rem;border-radius:999px;font-size:.9rem;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}