*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;-webkit-tap-highlight-color:transparent}img{display:block}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}:root,[data-mood=ivory]{--bg: #f5efe4;--surface: #fffdf8;--ink: #2a2420;--ink-2: rgba(42, 36, 32, .62);--ink-3: rgba(42, 36, 32, .4);--line: rgba(42, 36, 32, .1);--accent: #9a7848;--accent-soft: #ece3d2;--hot: #c05e3e;--hot-bg: rgba(192, 94, 62, .1);--ice: #5e8ba0;--ice-bg: rgba(94, 139, 160, .12);--sans: "Noto Sans KR", system-ui, sans-serif;--serif: "Noto Serif KR", "Noto Sans JP", "Noto Sans SC", "Noto Sans TC", serif;--r-card: 16px;--r-sheet: 24px;--shadow-card: 0 1px 2px rgba(42, 36, 32, .04);--shadow-sheet: 0 -12px 44px rgba(20, 16, 12, .22);--maxw: 1080px}[data-mood=wood]{--bg: #262019;--surface: #322a22;--ink: #f1e9da;--ink-2: rgba(241, 233, 218, .66);--ink-3: rgba(241, 233, 218, .42);--line: rgba(241, 233, 218, .13);--accent: #c9a86a;--accent-soft: rgba(201, 168, 106, .16);--hot: #e0936a;--hot-bg: rgba(224, 147, 106, .18);--ice: #8fb6c8;--ice-bg: rgba(143, 182, 200, .18)}[data-mood=sand]{--bg: #e7dbc4;--surface: #fbf6eb;--ink: #33291e;--ink-2: rgba(51, 41, 30, .64);--ink-3: rgba(51, 41, 30, .42);--line: rgba(51, 41, 30, .12);--accent: #8c6a38;--accent-soft: #dfd2b6;--hot: #b85b38;--hot-bg: rgba(184, 91, 56, .12);--ice: #577e92;--ice-bg: rgba(87, 126, 146, .14)}[data-applang=ja]{--sans: "Noto Sans JP", system-ui, sans-serif;--serif: "Noto Serif JP", "Noto Serif KR", serif}[data-applang=zh-Hans]{--sans: "Noto Sans SC", system-ui, sans-serif;--serif: "Noto Serif SC", "Noto Serif KR", serif}[data-applang=zh-Hant]{--sans: "Noto Sans TC", system-ui, sans-serif;--serif: "Noto Serif TC", "Noto Serif KR", serif}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{scrollbar-width:none}.serif{font-family:var(--serif)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes hk-fade{0%{opacity:0}to{opacity:1}}@keyframes hk-in{0%{transform:translateY(7px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes hk-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes hk-sheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes hk-scrim{0%{opacity:0}to{opacity:1}}@keyframes hk-pop{0%{transform:scale(1)}35%{transform:scale(1.28)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.app{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.flow{flex:1;display:flex;flex-direction:column;align-items:center;width:100%;max-width:460px;margin:0 auto;padding:32px 24px calc(32px + env(safe-area-inset-bottom));animation:hk-in .4s ease}.flow-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%}.flow-logo{width:168px;height:auto}.flow-logo--sm{width:132px}.flow-title{font-family:var(--serif);font-size:19px;font-weight:600;color:var(--ink)}.flow-sub{font-size:13px;color:var(--ink-2);margin-top:5px}.lang-list{width:100%;max-width:320px;display:flex;flex-direction:column;gap:9px}.lang-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 17px;border-radius:14px;background:var(--surface);border:1px solid var(--line);cursor:pointer;transition:border-color .15s,transform .05s}.lang-option:active{transform:scale(.99)}.lang-option[data-recent=true]{border:1.5px solid var(--accent)}.lang-option__label{font-size:16px;font-weight:600;color:var(--ink)}.lang-option__right{display:flex;align-items:center;gap:9px;color:var(--ink-3)}.chip-recent{font-size:10.5px;font-weight:700;letter-spacing:.04em;color:var(--accent);padding:3px 8px;border-radius:999px;background:var(--accent-soft)}.divider{display:flex;align-items:center;gap:12px;color:var(--accent);width:100%;max-width:300px;margin:24px auto}.divider span{flex:1;height:1px;background:var(--line)}.tagline{font-family:var(--serif);font-size:18px;line-height:1.62;color:var(--ink);font-weight:500;max-width:300px;margin:24px auto 0}.notice-label{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.rules{width:100%;max-width:320px;display:flex;flex-direction:column;gap:13px;text-align:left;margin:14px auto 0}.rule{display:flex;gap:11px;align-items:flex-start}.rule__n{flex:none;width:21px;height:21px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.rule__text{font-size:13.5px;line-height:1.5;color:var(--ink-2)}.btn-primary{width:100%;max-width:420px;height:54px;border:none;border-radius:15px;background:var(--accent);color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 8px 20px -8px var(--accent);transition:transform .05s,filter .15s}.btn-primary:hover{filter:brightness(1.04)}.btn-primary:active{transform:scale(.99)}.pill{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line);cursor:pointer;color:var(--ink);font-size:12.5px;font-weight:600}.pill:hover{border-color:var(--accent)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;height:56px;padding:0 16px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid var(--line)}.topbar__logo{height:26px;width:auto}.menu{flex:1;display:flex;flex-direction:column}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 16px}.hero{text-align:center;padding:22px 16px 12px}.hero__mark{display:flex;justify-content:center;color:var(--accent);margin-bottom:9px}.hero__name{font-family:var(--serif);font-size:21px;font-weight:600;color:var(--ink)}.hero__tagline{font-size:12.5px;color:var(--ink-2);margin:6px auto 0;line-height:1.5;max-width:320px}.catnav-wrap{position:sticky;top:56px;z-index:15;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.catnav{display:flex;gap:8px;overflow-x:auto;padding:11px 16px;max-width:var(--maxw);margin:0 auto}.chip{flex:none;padding:8px 15px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;background:var(--surface);color:var(--ink-2);border:1px solid var(--line);transition:background .15s,color .15s,border-color .15s}.chip:hover{border-color:var(--accent)}.chip[aria-current=true]{background:var(--accent);color:#fff;border-color:var(--accent)}.section{padding-top:26px;scroll-margin-top:116px}.section__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}.section__title{font-family:var(--serif);font-size:18px;font-weight:600;color:var(--ink);margin:0;line-height:1.35;flex:1}.section__notes{margin:-6px 0 14px;display:flex;flex-direction:column;gap:4px}.section__note{font-size:11.5px;color:var(--ink-3);line-height:1.5}.serve-tag{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.06em;flex:none;white-space:nowrap}.serve-tag--hot{background:var(--hot-bg);color:var(--hot)}.serve-tag--ice{background:var(--ice-bg);color:var(--ice)}.badge-signature{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;background:var(--accent);color:#fff;font-size:9.5px;font-weight:700;letter-spacing:.05em}.prices{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.price{display:inline-flex;align-items:baseline;gap:5px}.price--single .price__amt{color:var(--ink);font-weight:700;font-size:15px}.price--variant{gap:5px;padding:3px 8px 3px 7px;border-radius:999px}.price--hot{background:var(--hot-bg)}.price--ice{background:var(--ice-bg)}.price__label{font-size:10px;font-weight:700;letter-spacing:.04em}.price--hot .price__label{color:var(--hot)}.price--ice .price__label{color:var(--ice)}.price__amt{color:var(--ink);font-size:12px;font-weight:600}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-card);transition:transform .12s ease,box-shadow .15s ease,border-color .15s}.card:hover{transform:translateY(-2px);box-shadow:0 10px 24px -14px #2a242066;border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.card:active{transform:translateY(0)}.card__hit{display:flex;flex-direction:column;width:100%;height:100%;padding:0;border:none;background:transparent;cursor:pointer;text-align:left;border-radius:inherit;overflow:hidden}.card__media{position:relative;width:100%;aspect-ratio:1;background:linear-gradient(180deg,var(--accent-soft) 0%,var(--surface) 100%);display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.card__sig{position:absolute;top:8px;left:8px;z-index:3}.card__like{position:absolute;top:8px;right:8px;z-index:3}.card__body{padding:10px 11px 12px;display:flex;flex-direction:column;flex:1;gap:9px}.card__name{font-weight:600;font-size:13.5px;color:var(--ink);line-height:1.32;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__foot{margin-top:auto}.media-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;padding:17.8% 16.4% 13.4%;filter:drop-shadow(0 10px 12px rgba(42,36,32,.22));opacity:0;transition:opacity .45s ease}.media-img[data-loaded=true]{opacity:1}.card__media .media-img[data-item=tropical_dragonfruit]{padding:15.84% 14.72% 11.92%}.card__media .media-img[data-item=pineapple_sunset]{padding:15.08% 14.01% 11.35%}.placeholder{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;color:var(--accent);overflow:hidden}.placeholder svg{position:relative;width:50%;height:auto;margin-bottom:24%;opacity:.7;filter:drop-shadow(0 7px 7px rgba(42,36,32,.16))}.placeholder:after{content:"";position:absolute;bottom:16%;left:50%;transform:translate(-50%);width:56%;height:8px;border-radius:50%;background:radial-gradient(50% 50%,rgba(42,36,32,.22),transparent 72%);filter:blur(2px)}.like{display:inline-flex;align-items:center;gap:5px;padding:5px 10px 5px 8px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font-size:12px;font-weight:700;cursor:pointer;flex:none;transition:color .15s,border-color .15s,background .15s}.like:hover{border-color:var(--hot)}.like[aria-pressed=true]{color:var(--hot);border-color:color-mix(in srgb,var(--hot) 45%,var(--line));background:var(--hot-bg)}.like[data-animate=true] .like__icon{animation:hk-pop .4s ease}.like__icon{width:14px;height:14px;display:block}.like--lg{font-size:14px;padding:9px 15px 9px 12px}.like--lg .like__icon{width:17px;height:17px}.footer{margin-top:30px;padding:28px 18px calc(40px + env(safe-area-inset-bottom));border-top:1px solid var(--line);text-align:center}.footer__logo{height:40px;width:auto;margin:0 auto 16px}.footer__rows{display:flex;flex-direction:column;gap:9px;max-width:360px;margin:0 auto}.footer__row{display:flex;gap:10px;align-items:baseline;justify-content:center}.footer__label{font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--ink-3);flex:none}.footer__val{font-size:12.5px;color:var(--ink-2);line-height:1.5}.footer__insta{display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding:9px 15px;border-radius:999px;background:var(--accent-soft);color:var(--accent);text-decoration:none;font-size:12.5px;font-weight:600}.notice-block{margin-top:30px;padding:22px 20px;background:var(--surface);border:1px solid var(--line);border-radius:18px}.scrim{position:fixed;inset:0;z-index:40;background:#14100c6b;animation:hk-scrim .25s ease}.scrim--settling{transition:opacity .26s cubic-bezier(.22,.61,.36,1)}.sheet-host{position:fixed;inset:0;z-index:41;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}.sheet{position:relative;pointer-events:auto;background:var(--surface);border-radius:var(--r-sheet) var(--r-sheet) 0 0;box-shadow:var(--shadow-sheet);animation:hk-sheet .32s cubic-bezier(.22,.61,.36,1);max-height:92dvh;overflow-y:auto;overscroll-behavior:contain}.sheet--settling{transition:transform .26s cubic-bezier(.22,.61,.36,1)}.sheet--lang{padding:8px 18px calc(26px + env(safe-area-inset-bottom))}.sheet__grab{width:38px;height:4px;border-radius:999px;background:var(--line);margin:6px auto 14px}.sheet-close{position:absolute;top:14px;right:14px;z-index:3;width:34px;height:34px;border-radius:999px;border:none;background:color-mix(in srgb,var(--surface) 80%,transparent);backdrop-filter:blur(6px);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink);box-shadow:0 2px 8px #0000001f}.detail__media{position:relative;width:100%;aspect-ratio:1;max-height:46dvh;background:linear-gradient(180deg,var(--accent-soft) 0%,var(--surface) 100%);display:flex;align-items:center;justify-content:center;color:var(--accent);overflow:hidden}.detail__media .media-img{padding:9% 10%;object-position:center}.detail__body{padding:22px 22px calc(36px + env(safe-area-inset-bottom))}.detail__cat{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--accent);margin-bottom:8px}.detail__name{font-family:var(--serif);font-size:23px;font-weight:600;color:var(--ink);margin:0;line-height:1.3}.detail__row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:15px}.sheet--detail .price--variant{padding:7px 14px}.sheet--detail .price--variant .price__label{font-size:12px}.sheet--detail .price--variant .price__amt{font-size:17px;font-weight:700}.sheet--detail .price--single .price__amt{font-size:21px}.detail__desc{font-size:14.5px;line-height:1.72;color:var(--ink-2);margin:20px 0 0}.detail__note{margin-top:18px;padding:13px 15px;background:var(--accent-soft);border-radius:12px;font-size:12.5px;line-height:1.55;color:var(--ink-2);white-space:pre-line}.footer__privacy{display:block;width:fit-content;margin:18px auto 0;padding:0;border:none;background:none;font:inherit;font-size:12px;color:var(--ink-3);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.footer__privacy:hover{color:var(--ink-2)}.privacy__back{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink-2);cursor:pointer}.privacy__back-icon{transform:rotate(180deg)}.privacy{max-width:720px;margin:0 auto;padding:24px 22px calc(56px + env(safe-area-inset-bottom))}.privacy__title{font-family:var(--serif);font-size:22px;font-weight:600;color:var(--ink);margin:0}.privacy__effective{margin:8px 0 0;font-size:12px;color:var(--ink-3)}.privacy__intro{margin:18px 0 0;font-size:13.5px;line-height:1.7;color:var(--ink-2)}.privacy__section{margin-top:26px}.privacy__heading{font-family:var(--serif);font-size:15px;font-weight:600;color:var(--ink);margin:0 0 8px}.privacy__body{margin:0;font-size:13px;line-height:1.75;color:var(--ink-2);white-space:pre-line}.privacy__link{display:inline-block;margin-top:10px;font-size:12.5px;line-height:1.5;color:var(--accent);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.lang-switch-list{display:flex;flex-direction:column;gap:7px}.lang-switch{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:13px;cursor:pointer;background:transparent;border:1px solid var(--line);color:var(--ink)}.lang-switch[aria-current=true]{background:var(--accent-soft);border-color:transparent}.lang-switch__label{font-size:15.5px;font-weight:600}@media(min-width:600px){.grid{grid-template-columns:repeat(3,1fr);gap:16px}.hero__name{font-size:26px}.section__title{font-size:20px}.card__name{font-size:14.5px}}@media(min-width:900px){.grid{grid-template-columns:repeat(4,1fr);gap:18px}.hero{padding:40px 16px 18px}.hero__name{font-size:30px}.section{padding-top:34px}.sheet-host{justify-content:center;align-items:center;padding:24px}.sheet--detail{max-width:560px;width:100%;border-radius:var(--r-sheet);max-height:88dvh;animation:hk-rise .28s ease}.sheet--lang{max-width:420px;width:100%;border-radius:var(--r-sheet);animation:hk-rise .24s ease}}