#cm-body{flex:1;width:100%;max-width:1440px;min-height:100dvh;margin:0 auto;padding:100px 60px 120px}#cm-body:has(#cm-pagination){padding-bottom:80px}#cm-head{padding-top:8px}#cm-body.cm-anim #cm-page-title{animation:gtr-rise-20 var(--duration-slide) ease-out .15s forwards}#cm-body.cm-anim .page-subtitle{animation:gtr-rise-20 var(--duration-slide) ease-out .3s forwards}#cm-body.cm-anim #cm-filter-wrap{animation:gtr-rise-16 var(--duration-fade) ease-out .45s forwards}#cm-filter-tabs{display:flex;position:relative}#cm-filter-indicator{background:var(--color-accent-gold);width:0;height:2px;transition:left var(--duration-transition) cubic-bezier(.4,0,.2,1), width var(--duration-transition) cubic-bezier(.4,0,.2,1);z-index:1;position:absolute;bottom:0;left:0}.cm-filter-tab{cursor:pointer;min-width:72px;font-family:var(--font-kr);font-size:var(--type-heading-s-size);letter-spacing:var(--ls-neutral);color:var(--tab-color);transition:color var(--duration-hover) ease;white-space:nowrap;text-align:center;background:0 0;border:none;padding:20px 30px 16px;font-weight:400}@media (hover:hover){.cm-filter-tab:hover{color:var(--tab-color-active)}}.cm-filter-tab.active{color:var(--tab-color-active);font-weight:500}.cm-filter-tab:focus{outline:none}.cm-filter-tab:focus-visible{outline:2px solid var(--color-accent-gold);outline-offset:2px}.cm-tab-label{pointer-events:none;vertical-align:middle;align-items:center;gap:1px;display:inline-flex}.cm-filter-signature-icon{color:#b8943f;flex-shrink:0}@media (max-width:767px){#cm-body{padding-top:56px;padding-left:24px;padding-right:24px}#cm-filter-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;--cm-fade:24px;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#000 0 100%);mask-image:linear-gradient(90deg,#000 0 100%)}#cm-filter-tabs[data-scroll=start]{-webkit-mask-image:linear-gradient(to right, #000 0, #000 calc(100% - var(--cm-fade)), transparent 100%);mask-image:linear-gradient(to right, #000 0, #000 calc(100% - var(--cm-fade)), transparent 100%);-webkit-mask-image:linear-gradient(to right, #000 0, #000 calc(100% - var(--cm-fade)), transparent 100%)}#cm-filter-tabs[data-scroll=middle]{-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--cm-fade), #000 calc(100% - var(--cm-fade)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--cm-fade), #000 calc(100% - var(--cm-fade)), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--cm-fade), #000 calc(100% - var(--cm-fade)), transparent 100%)}#cm-filter-tabs[data-scroll=end]{-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--cm-fade), #000 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--cm-fade), #000 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--cm-fade), #000 100%)}#cm-filter-tabs::-webkit-scrollbar{display:none}.cm-filter-tab{flex-shrink:0;min-width:auto;padding:12px 18px 10px}}#cm-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (min-width:768px){#cm-grid{gap:16px}}@media (min-width:1024px){#cm-grid{gap:20px}}@media (max-width:1023px){#cm-grid{grid-template-columns:repeat(2,1fr)}}.cm-card{cursor:default;opacity:0;transition:opacity var(--duration-fade) ease-out, transform var(--duration-fade) ease-out;flex-direction:column;display:flex;position:relative;transform:translateY(24px)}.cm-card.cm-visible{opacity:1;transform:none}#cm-body.cm-cards-entering .cm-card{animation:gtr-rise-24 var(--duration-fade) ease-out var(--cm-card-delay,0s) both}.cm-card-thumb{cursor:pointer;aspect-ratio:1;background:var(--color-background-secondary);border:1px solid var(--color-border-surface);width:100%;position:relative;overflow:hidden}.cm-card-img{background-position:bottom;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;transition:transform 1.2s}@media (hover:hover){.cm-card-thumb:hover .cm-card-img{transform:scale(1.02)}}.cm-card-info{text-align:center;background:var(--color-background-primary);padding:12px 4px 20px}.cm-card-name{font-family:var(--font-kr);font-size:var(--type-body-l-size);color:var(--color-text-primary);margin:0 0 6px;font-weight:500;line-height:24px}.cm-card-price{font-family:var(--font-en);font-size:var(--type-body-m-size);color:var(--color-text-primary);margin:0;font-weight:400}.cm-temp-badges{display:none}.cm-badge-temp{width:48px;height:48px;font-family:var(--font-en);font-size:var(--type-caption-size);letter-spacing:var(--ls-body);text-transform:uppercase;text-align:center;color:var(--color-text-inverse);white-space:pre-line;border-radius:50%;justify-content:center;align-items:center;font-weight:600;line-height:16px;display:flex}.cm-temp-ice-only{background:var(--color-info)}.cm-temp-hot-only{background:var(--color-error)}.cm-temp-warm{background:var(--color-warning)}@media (max-width:767px){.cm-card .cm-badge-temp{width:36px;height:36px;font-size:9px;line-height:11px}.cm-card .cm-temp-badges{bottom:10px;right:10px}.cm-card .cm-card-badges{gap:3px;top:10px;left:10px}.cm-card .cm-meta-badge{width:36px;height:36px;font-size:10px;line-height:1.05}.cm-card .cm-like-count{--like-baseline:42px;border-radius:18px;width:36px;height:36px;top:10px;right:10px}.cm-card .cm-like-count-icon{width:24px;height:24px;top:6px;left:6px}.cm-card .cm-like-count-num{font-size:12px;left:34px}}@media (max-width:480px){.cm-card .cm-card-badges{top:8px;left:8px}.cm-card .cm-like-count{top:8px;right:8px}}@keyframes cm-thumb-flash{0%,to{opacity:1}45%{opacity:.35}}.cm-card--highlight .cm-card-thumb{animation:.7s 2 cm-thumb-flash}.cm-card-badges{pointer-events:none;flex-direction:column;gap:4px;display:flex;position:absolute;top:12px;left:12px}.cm-meta-badge{width:48px;height:48px;font-family:var(--font-kr);letter-spacing:0;text-align:center;color:var(--color-text-inverse);white-space:pre-line;pointer-events:none;border-radius:50%;place-items:center;padding:0 0 1px;font-size:12px;font-weight:600;line-height:1.05;display:grid}.cm-meta-badge--new{background:var(--color-status-new)}.cm-meta-badge--popular{background:var(--color-error)}.cm-meta-badge--season{background:var(--color-info)}.cm-meta-badge--sold{background:var(--color-badge-sold-out)}.cm-meta-badge--rank-1{background:#b8943f}.cm-meta-badge--rank-2{background:#8c9bb5}.cm-meta-badge--rank-3{background:#a07850}.cm-menu-name-with-sig{vertical-align:middle;align-items:center;gap:1px;display:inline-flex}.cm-signature-icon{color:#b8943f;flex-shrink:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cm-like-count{--like-baseline:52px;-webkit-backdrop-filter:blur(6px);pointer-events:none;z-index:2;background:#ffffff47;border-radius:24px;width:48px;height:48px;transition:width .32s cubic-bezier(.16,1,.3,1),background .28s;display:block;position:absolute;top:12px;right:12px;overflow:hidden}.cm-like-count--liked{background:#e84e4e}.cm-like-count-icon{color:#fff;width:24px;height:24px;display:block;position:absolute;top:12px;left:12px}.cm-like-count-num{font-family:var(--font-en);color:#fff;white-space:nowrap;pointer-events:none;align-items:center;font-size:13px;font-weight:600;line-height:1;display:flex;position:absolute;top:0;bottom:0;left:40px}#cafe-nutrition-sheet{z-index:var(--z-drawer);pointer-events:none;position:fixed;inset:0}#cafe-nutrition-sheet.open{pointer-events:auto}#cns-bg{background:var(--overlay-dim-bg);opacity:0;transition:opacity var(--drawer-dim-fade-duration) ease var(--drawer-dim-fade-delay);pointer-events:none;position:absolute;inset:0}#cafe-nutrition-sheet.open #cns-bg{opacity:1;pointer-events:auto}#cns-panel{top:0;right:calc(var(--scrollbar-w,0px) * -1);height:100%;width:var(--drawer-width);--hero-end:var(--drawer-width);background-color:var(--color-surface-stone-medium);background-image:linear-gradient(to bottom, transparent 0, transparent var(--hero-end), var(--color-surface-stone-light) var(--hero-end), var(--color-surface-stone-light) 100%);max-width:100vw;box-shadow:var(--drawer-shadow);z-index:calc(var(--z-drawer) + 1);transition:transform var(--drawer-transition-duration) var(--drawer-transition-easing);scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#1c1b1940 transparent;overscroll-behavior:contain;touch-action:pan-y;background-attachment:local;flex-direction:column;display:flex;position:fixed;overflow-y:auto;transform:translate(100%)}#cns-panel::-webkit-scrollbar{width:6px}#cns-panel::-webkit-scrollbar-track{background:0 0}#cns-panel::-webkit-scrollbar-thumb{background:#1c1b1940;border-radius:3px}#cns-panel::-webkit-scrollbar-thumb:hover{background:#1c1b1966}#cafe-nutrition-sheet.open #cns-panel{transform:translate(0)}@media (max-width:767px){#cns-panel{--hero-end:100vw;width:100vw;right:0}}.cns-sticky-actions{z-index:5;pointer-events:none;height:0;position:sticky;top:0}#cns-close{pointer-events:auto;cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(8px);width:40px;height:40px;transition:background var(--duration-hover) ease;background:#1c1b1980;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}@media (hover:hover){#cns-close:hover{background:#1c1b19a6}}.cns-head-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.cns-title-col{flex:1;min-width:0}.cns-category-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.cns-category-row .cns-category-label,.cns-title-col .cns-item-name{margin:0}.cns-temp-pill{height:20px;font-family:var(--font-en);letter-spacing:var(--ls-label);text-transform:uppercase;white-space:nowrap;background:0 0;border:1px solid;border-radius:3px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}@media (max-width:767px){.cns-temp-pill{transform:translateY(-.5px)}}.cns-temp-pill--ice{color:var(--color-info)}.cns-temp-pill--hot{color:var(--color-error)}.cns-temp-pill--warm{color:var(--color-warning)}#cns-like{--like-baseline:52px;cursor:pointer;-webkit-backdrop-filter:blur(6px);width:48px;height:48px;color:var(--color-text-tertiary);background:#ffffffb3;border:none;border-radius:24px;flex-shrink:0;transition:width .32s cubic-bezier(.16,1,.3,1),background .28s,color .2s;position:relative;overflow:hidden}#cns-like.cns-like--liked{color:#fff;background:#e84e4e}#cns-like:active{transform:scale(.96)}@media (hover:hover){#cns-like:hover{background:#ffffffe6}#cns-like.cns-like--liked:hover{background:#d84545}}.cns-like-icon{width:24px;height:24px;display:block;position:absolute;top:12px;left:12px}.cns-like-count{font-family:var(--font-en);white-space:nowrap;align-items:center;font-size:13px;font-weight:600;line-height:1;display:flex;position:absolute;top:0;bottom:0;left:40px}.cns-like--popping .cns-like-icon{animation:.36s cubic-bezier(.36,.07,.19,.97) forwards cnsHeartPop}@keyframes cnsHeartPop{0%{transform:scale(1)}25%{transform:scale(.85)}50%{transform:scale(1.35)}70%{transform:scale(.92)}85%{transform:scale(1.1)}to{transform:scale(1)}}.cm-like-particle{pointer-events:none;z-index:9999;border-radius:50%;animation:.56s ease-out forwards cmParticleBurst;position:fixed;transform:translate(-50%,-50%)}@keyframes cmParticleBurst{0%{opacity:1;transform:translate(-50%,-50%)translate(0)scale(1)}50%{opacity:.9}to{transform:translate(-50%, -50%) translate(var(--dx), var(--dy)) scale(.1);opacity:0}}.cns-image-wrap{aspect-ratio:1;background:var(--color-surface-stone-medium);width:100%;margin-right:calc(var(--scrollbar-w,0px) * -1);flex-shrink:0;position:relative}.cns-image{object-fit:contain;object-position:center bottom}.cns-content{margin-right:calc(var(--scrollbar-w,0px) * -1);padding:48px calc(60px + var(--scrollbar-w,0px)) 40px 60px;background:var(--color-surface-stone-light);flex:1}.cns-head{margin-bottom:14px}.cns-category-label{font-family:var(--font-en);font-size:var(--type-body-s-size);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-text-tertiary);margin:0 0 8px;font-weight:500;line-height:20px}.cns-item-name{font-family:var(--font-kr);font-size:var(--type-h3-size);color:var(--color-text-primary);margin:0 0 10px;font-weight:500}.cns-item-desc{font-family:var(--font-kr);font-size:var(--type-body-m-size);color:var(--color-text-secondary);white-space:pre-line;margin:0;line-height:24px}.cns-item-volume{font-family:var(--font-en);font-size:var(--type-body-ui-size);color:var(--color-text-secondary);margin:22px 0 0}.cns-table{box-shadow:inset 0 1px 0 0 var(--color-border-secondary);margin-bottom:0}.cns-row{box-shadow:inset 0 -1px 0 0 var(--color-border-hairline);justify-content:space-between;align-items:center;padding:11px 0;display:flex}.cns-row:last-child{box-shadow:inset 0 -1px 0 0 var(--color-border-secondary)}.cns-row-label{font-family:var(--font-kr);font-size:var(--type-body-ui-size);color:var(--color-text-secondary)}.cns-row-value{font-family:var(--font-en);font-size:var(--type-body-ui-size);color:var(--color-text-primary);font-weight:500}.cns-allergen{background:0 0;padding:16px 0 0}.cns-allergen-title{font-family:var(--font-kr);color:var(--color-text-secondary);letter-spacing:var(--ls-neutral);margin:0 0 10px;font-size:12px;font-weight:600}.cns-allergen-chips{flex-wrap:wrap;gap:6px;display:flex}.cns-allergen-chip{font-family:var(--font-kr);color:var(--color-text-primary);letter-spacing:var(--ls-heading);white-space:nowrap;background:#1c1b190f;border:1px solid #1c1b191a;border-radius:999px;align-items:center;padding:3px 11px;font-size:13px;font-weight:500;line-height:20px;display:inline-flex}@media (max-width:479px){#cns-panel{border-radius:0;width:100%;height:100dvh;max-height:100dvh;padding-bottom:0;inset:auto 0 0;transform:translateY(100%)}#cafe-nutrition-sheet.open #cns-panel{transform:translateY(0)}#cafe-nutrition-sheet.open{background-color:#e5e2dd}.cns-image-wrap{display:block}.cns-content{padding:32px calc(24px + var(--scrollbar-w,0px)) calc(32px + env(safe-area-inset-bottom,0px)) 24px}}#cm-pagination{justify-content:center;align-items:center;gap:4px;padding:48px 0 0;display:flex}