:root{--color-bg-canvas:#fff;--color-bg-surface:#f2f4f6;--color-bg-weak:#e8f3ff;--color-bg-primary:#3182f6;--color-bg-primary-pressed:#2272eb;--color-text-strong:#191f28;--color-text-body:#4e5968;--color-text-muted:#8b95a1;--color-text-weak:#1b64da;--color-text-on-primary:#fff;--color-border-default:#e5e8eb;--color-border-selected:#3182f6;--radius-sm:4px;--radius-md:6px;--radius-btn-sm:8px;--radius-btn-md:10px;--radius-btn-lg:14px;--radius-btn-xl:16px;--radius-row:12px;--space-1:4px;--space-2:6px;--space-3:8px;--space-4:16px;--space-5:24px;--space-6:32px;--font-sans:"Noto Sans KR", system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--type-display-total:700 36px / 54px var(--font-sans);--type-title-screen:700 24px / 36px var(--font-sans);--type-title-section:700 22px / 33px var(--font-sans);--type-body-strong:700 16px / 24px var(--font-sans);--type-body-default:400 16px / 24px var(--font-sans);--type-label-button-xl:700 17px / 24px var(--font-sans);--type-label-button-m:700 15px / 22px var(--font-sans);--type-caption-strong:700 14px / 21px var(--font-sans);--type-caption-default:400 14px / 21px var(--font-sans);--type-micro-badge:400 12px / 18px var(--font-sans);--layout-max-width:480px;--layout-side-margin:var(--space-4);--layout-app-bar-height:56px;--layout-category-tabs-height:48px;--layout-hero-height:160px;--layout-min-touch-target:48px;--layout-safe-area:max(34px, env(safe-area-inset-bottom,0px))}*,:before,:after{box-sizing:border-box}html{background:var(--color-bg-surface)}body{font:var(--type-body-default);color:var(--color-text-strong);background:var(--color-bg-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0}#root{max-width:var(--layout-max-width);background:var(--color-bg-canvas);min-height:100dvh;margin:0 auto}h1,h2,h3,p{font:inherit;margin:0}button{font:inherit;color:inherit;margin:0}:where(button):focus-visible{outline:2px solid var(--color-bg-primary);outline-offset:2px}img{max-width:100%;display:block}.app-bar{z-index:2;align-items:center;gap:var(--space-3);height:var(--layout-app-bar-height);padding:0 var(--layout-side-margin);background:var(--color-bg-canvas);display:flex;position:sticky;top:0}.app-bar__back{width:22px;height:33px;font:var(--type-title-section);color:var(--color-text-strong);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.app-bar__back:before{content:"";width:var(--layout-min-touch-target);height:var(--layout-min-touch-target);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.app-bar__title{min-width:0;font:var(--type-body-strong);color:var(--color-text-strong);text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;overflow:hidden}.app-bar__cart{min-height:var(--layout-min-touch-target);cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.app-bar__cart-chip{padding:var(--space-2) 12px;border-radius:var(--radius-btn-sm);background:var(--color-bg-weak);color:var(--color-text-weak);font:var(--type-caption-strong);white-space:nowrap;align-items:center;transition:background-color .16s ease-out;display:inline-flex}.app-bar__cart:active .app-bar__cart-chip{background:var(--color-bg-surface)}@media (prefers-reduced-motion:reduce){.app-bar__cart-chip{transition:none}}.button{justify-content:center;align-items:center;gap:var(--space-3);cursor:pointer;white-space:nowrap;border:0;transition:background-color .16s ease-out;display:inline-flex}.button--block{width:100%;display:flex}.button--small{border-radius:var(--radius-btn-sm);height:32px;font:var(--type-caption-strong);padding:0 12px}.button--medium{height:38px;padding:0 var(--space-4);border-radius:var(--radius-btn-md);font:var(--type-label-button-m)}.button--large{height:var(--layout-min-touch-target);padding:0 var(--space-4);border-radius:var(--radius-btn-lg);font:var(--type-label-button-m)}.button--xlarge{border-radius:var(--radius-btn-xl);height:56px;font:var(--type-label-button-xl);padding:0 20px}.button--fill{background:var(--color-bg-primary);color:var(--color-text-on-primary)}.button--weak{background:var(--color-bg-weak);color:var(--color-text-weak)}.button--fill:active:not(:disabled){background:var(--color-bg-primary-pressed)}.button--weak:active:not(:disabled){background:var(--color-bg-surface)}.button:disabled{background:var(--color-bg-surface);color:var(--color-text-muted);cursor:default}.button--loading{position:relative}.button--loading .button__label{visibility:hidden}.button__spinner{width:20px;height:20px;animation:.8s linear infinite button-spin;position:absolute}@keyframes button-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.button{transition:none}.button__spinner{animation-duration:2.4s}}.bottom-order-bar{z-index:2;background:var(--color-bg-canvas);border-top:1px solid var(--color-border-default);position:sticky;bottom:0}.bottom-order-bar__row{padding:var(--space-4);display:flex}.bottom-order-bar__safe-area{height:var(--layout-safe-area);background:var(--color-bg-canvas)}.quantity-selector{align-items:center;gap:var(--space-3);display:flex}.quantity-selector__button{border-radius:var(--radius-btn-sm);background:var(--color-bg-surface);width:32px;height:32px;font:var(--type-body-strong);color:var(--color-text-body);cursor:pointer;border:0;justify-content:center;align-items:center;display:flex;position:relative}.quantity-selector__button:before{content:"";width:var(--layout-min-touch-target);height:var(--layout-min-touch-target);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.quantity-selector__button:disabled{color:var(--color-text-muted);cursor:default}.quantity-selector__value{text-align:center;width:40px;font:var(--type-body-strong);color:var(--color-text-strong)}.cart-line{align-items:flex-start;gap:12px;width:100%;display:flex}.cart-line__thumbnail{border-radius:var(--radius-btn-sm);background:var(--color-bg-surface);flex:none;width:56px;height:56px;overflow:hidden}.cart-line__thumbnail img{object-fit:cover;width:100%;height:100%}.cart-line__info{gap:var(--space-1);flex-direction:column;flex:1 1 0;min-width:0;display:flex}.cart-line__name{font:var(--type-body-strong);color:var(--color-text-strong);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cart-line__options{width:100%;font:var(--type-caption-default);color:var(--color-text-body)}.cart-line__price-row{align-items:center;gap:var(--space-3);width:100%;display:flex}.cart-line__price{min-width:0;font:var(--type-body-strong);color:var(--color-text-strong);flex:1 1 0}.price-breakdown,.price-breakdown__label,.price-breakdown__value{margin:0}.price-breakdown{gap:var(--space-3);width:100%;padding-top:var(--space-4);border-top:1px solid var(--color-border-default);flex-direction:column;display:flex}.price-breakdown__row{align-items:center;gap:var(--space-3);width:100%;font:var(--type-title-section);color:var(--color-text-strong);display:flex}.price-breakdown__label{flex:1 1 0;min-width:0}.price-breakdown__value{white-space:nowrap;flex:none}.cart-page{background:var(--color-bg-canvas);flex-direction:column;min-height:100dvh;display:flex}.cart-page__content{gap:var(--space-4);padding:var(--space-4) var(--layout-side-margin) 0;flex-direction:column;flex:auto;display:flex}.cart-page__empty{padding:var(--space-6) 0;font:var(--type-caption-default);color:var(--color-text-body);text-align:center}.badge{border-radius:var(--radius-sm);font:var(--type-micro-badge);white-space:nowrap;align-items:center;display:inline-flex}.badge--xsmall{padding:2px var(--space-2)}.badge--small{padding:3px var(--space-3)}.badge--medium{padding:var(--space-2) 12px;border-radius:var(--radius-btn-sm)}.badge--neutral{background:var(--color-bg-surface);color:var(--color-text-body)}.badge--weak{background:var(--color-bg-weak);color:var(--color-text-weak)}.option-selector{width:100%;padding:14px var(--space-4);border-radius:var(--radius-row);background:var(--color-bg-canvas);cursor:pointer;outline:1px solid var(--color-border-default);outline-offset:-1px;align-items:center;gap:12px;display:flex}.option-selector--selected{background:var(--color-bg-weak);outline-color:var(--color-border-selected)}.option-selector--disabled{background:var(--color-bg-surface);outline-color:var(--color-border-default);cursor:default}.option-selector:not(.option-selector--selected):not(.option-selector--disabled):active{background:var(--color-bg-surface)}.option-selector__input{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.option-selector:has(.option-selector__input:focus-visible){outline:2px solid var(--color-bg-primary);outline-offset:2px}.option-selector__control{flex:none;width:24px;height:24px;position:relative}.option-selector__control img{width:100%;height:100%}.option-selector__box{border:1.5px solid var(--color-border-default);border-radius:var(--radius-md);justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:1px;left:1px}.option-selector--selected .option-selector__box{border-color:var(--color-bg-primary);background:var(--color-bg-primary);color:var(--color-text-on-primary);font:var(--type-caption-strong)}.option-selector__label{min-width:0;font:var(--type-body-default);color:var(--color-text-strong);flex:1 1 0}.option-selector__price{font:var(--type-caption-strong);color:var(--color-text-strong);white-space:nowrap;flex:none}.option-selector--selected .option-selector__label,.option-selector--selected .option-selector__price{color:var(--color-text-weak)}.option-selector--disabled .option-selector__label,.option-selector--disabled .option-selector__price{color:var(--color-text-muted)}.option-group{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.option-group__head{align-items:center;gap:var(--space-2);width:100%;display:flex}.option-group__label{min-width:0;font:var(--type-caption-strong);color:var(--color-text-strong);flex:1 1 0}.option-group__options{gap:var(--space-3);flex-direction:column;display:flex}.option-group__hint{font:var(--type-caption-default);color:var(--color-text-body)}.menu-detail{background:var(--color-bg-canvas);flex-direction:column;min-height:100dvh;display:flex}.menu-detail__hero{height:var(--layout-hero-height);background:var(--color-bg-surface);flex:none;overflow:hidden}.menu-detail__hero img{object-fit:cover;width:100%;height:100%}.menu-detail__content{gap:var(--space-5);padding:var(--space-4) var(--layout-side-margin) 0;flex-direction:column;flex:auto;display:flex}.menu-detail__head{gap:var(--space-1);flex-direction:column;display:flex}.menu-detail__name-row{align-items:center;gap:var(--space-3);font:var(--type-title-section);color:var(--color-text-strong);display:flex}.menu-detail__name{min-width:0;font:inherit;flex:1 1 0}.menu-detail__price{white-space:nowrap;flex:none}.menu-detail__description,.menu-detail__origin{font:var(--type-caption-default);color:var(--color-text-body)}.menu-detail__quantity-row{align-items:center;gap:var(--space-3);display:flex}.menu-detail__quantity-label{min-width:0;font:var(--type-caption-strong);color:var(--color-text-strong);flex:1 1 0}.menu-detail__footer{z-index:2;background:var(--color-bg-canvas);border-top:1px solid var(--color-border-default);position:sticky;bottom:0}.menu-detail__footer-row{padding:var(--space-4);display:flex}.menu-detail__safe-area{height:var(--layout-safe-area);background:var(--color-bg-canvas)}.category-tabs{top:var(--layout-app-bar-height);z-index:2;scrollbar-width:none;background:var(--color-bg-canvas);border-bottom:1px solid var(--color-border-default);display:flex;position:sticky;overflow:auto hidden}.category-tabs::-webkit-scrollbar{display:none}.category-tab{align-items:center;gap:var(--space-3);height:var(--layout-category-tabs-height);padding:14px var(--space-4) 0;background:var(--color-bg-canvas);cursor:pointer;border:0;flex-direction:column;flex:none;display:flex}.category-tab__label{font:var(--type-body-default);color:var(--color-text-muted);white-space:nowrap}.category-tab[aria-selected=true] .category-tab__label{font:var(--type-body-strong);color:var(--color-text-strong)}.category-tab__indicator{background:0 0;width:100%;height:2px}.category-tab[aria-selected=true] .category-tab__indicator{background:var(--color-bg-primary)}.category-tab:focus-visible{outline-offset:-2px}.menu-item{gap:var(--space-4);width:100%;padding:var(--space-4) 0;border:0;border-bottom:1px solid var(--color-border-default);background:var(--color-bg-canvas);text-align:left;cursor:pointer;align-items:flex-start;transition:background-color .16s ease-out;display:flex}.menu-item:active:not(:disabled){background:var(--color-bg-surface)}.menu-item:disabled{cursor:default}.menu-item__info{gap:var(--space-1);flex-direction:column;flex:1 1 0;min-width:0;display:flex}.menu-item__name-row{align-items:center;gap:var(--space-2);width:100%;display:flex}.menu-item__name{font:var(--type-body-strong);color:var(--color-text-strong);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.menu-item__description{font:var(--type-caption-default);color:var(--color-text-body);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.menu-item__price{font:var(--type-body-strong);color:var(--color-text-strong)}.menu-item__thumbnail{border-radius:var(--radius-btn-sm);background:var(--color-bg-surface);flex:none;width:80px;height:80px;overflow:hidden}.menu-item__thumbnail img{object-fit:cover;width:100%;height:100%}.menu-item--sold-out .menu-item__name,.menu-item--sold-out .menu-item__description{color:var(--color-text-muted)}.menu-item--sold-out .menu-item__price{color:var(--color-text-body)}.menu-item--sold-out .menu-item__thumbnail{opacity:.4}@media (prefers-reduced-motion:reduce){.menu-item{transition:none}}.menu-page{background:var(--color-bg-canvas);flex-direction:column;min-height:100dvh;display:flex}.menu-page__content{padding:var(--space-3) var(--layout-side-margin) 0;flex:auto}.menu-page__section-title{font:var(--type-title-section);color:var(--color-text-strong);margin-bottom:var(--space-3)}.menu-page__list{flex-direction:column;display:flex}.menu-page__empty{padding:var(--space-6) 0;font:var(--type-caption-default);color:var(--color-text-body);text-align:center}.menu-page__skeleton-list{flex-direction:column;display:flex}.menu-page__skeleton-row{background:var(--color-bg-weak);border-bottom:1px solid var(--color-border-default);height:112px}.menu-page__error{align-items:flex-start;gap:var(--space-4);padding:var(--space-6) 0;font:var(--type-caption-default);color:var(--color-text-body);flex-direction:column;display:flex}.order-complete{background:var(--color-bg-canvas);flex-direction:column;min-height:100dvh;display:flex}.order-complete__content{align-items:center;gap:var(--space-4);padding:120px var(--layout-side-margin) 0;flex-direction:column;flex:auto;display:flex}.order-complete__mark{background:var(--color-bg-weak);width:64px;height:64px;color:var(--color-text-weak);font:var(--type-title-screen);border-radius:50%;justify-content:center;align-items:center;display:flex}.order-complete__headline{font:var(--type-title-section);color:var(--color-text-strong);text-align:center}.order-complete__headline span{display:block}.order-complete__total{font:var(--type-display-total);color:var(--color-text-strong)}.order-complete__number{font:var(--type-caption-default);color:var(--color-text-body)}.order-complete__footer{gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-canvas);border-top:1px solid var(--color-border-default);flex-direction:column;display:flex}.order-complete__safe-area{height:var(--layout-safe-area);background:var(--color-bg-canvas)}.order-line{align-items:center;gap:var(--space-3);width:100%;display:flex}.order-line__name{min-width:0;font:var(--type-body-default);color:var(--color-text-strong);text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;overflow:hidden}.order-line__amount{font:var(--type-body-strong);color:var(--color-text-strong);white-space:nowrap;flex:none}.table-chip{padding:12px var(--space-4);border-radius:var(--radius-btn-sm);background:var(--color-bg-weak);color:var(--color-text-weak);font:var(--type-title-screen);align-items:center;display:inline-flex}.order-confirmation{background:var(--color-bg-canvas);flex-direction:column;min-height:100dvh;display:flex}.order-confirmation__content{align-items:flex-start;gap:var(--space-5);padding:var(--space-4) var(--layout-side-margin) 0;flex-direction:column;flex:auto;display:flex}.order-confirmation__summary{flex-direction:column;gap:12px;width:100%;display:flex}.order-confirmation__payment-note{width:100%;font:var(--type-caption-default);color:var(--color-text-body)}.order-confirmation__footer{padding:var(--space-4);background:var(--color-bg-canvas);border-top:1px solid var(--color-border-default)}.order-confirmation__safe-area{height:var(--layout-safe-area);background:var(--color-bg-canvas)}.order-round{gap:var(--space-3);width:100%;padding:var(--space-4) 0;border-top:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default);flex-direction:column;display:flex}.order-round__label{font:var(--type-caption-strong);color:var(--color-text-body)}.status-tracker{align-items:center;gap:var(--space-3);width:100%;margin:0;padding:0;list-style:none;display:flex}.status-tracker__chip{padding:var(--space-3) 10px;border-radius:var(--radius-btn-sm);font:var(--type-caption-strong);white-space:nowrap;flex:none}.status-tracker__chip--done{background:var(--color-bg-weak);color:var(--color-text-weak)}.status-tracker__chip--current{background:var(--color-bg-primary);color:var(--color-text-on-primary)}.status-tracker__chip--upcoming{background:var(--color-bg-surface);color:var(--color-text-muted)}.order-status{background:var(--color-bg-canvas);flex-direction:column;min-height:100dvh;display:flex}.order-status__content{gap:var(--space-5);padding:var(--space-4) var(--layout-side-margin) 0;flex-direction:column;flex:auto;display:flex}.order-status__session-total{align-items:center;gap:var(--space-3);width:100%;font:var(--type-title-section);color:var(--color-text-strong);display:flex}.order-status__session-label{flex:1 1 0;min-width:0}.order-status__session-value{white-space:nowrap;flex:none}.order-status__footer{gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-canvas);border-top:1px solid var(--color-border-default);flex-direction:column;display:flex}.order-status__safe-area{height:var(--layout-safe-area);background:var(--color-bg-canvas)}.table-confirmation{background:var(--color-bg-canvas);flex-direction:column;min-height:100dvh;display:flex}.table-confirmation__content{align-items:flex-start;gap:var(--space-4);padding:80px var(--layout-side-margin) 0;flex-direction:column;flex:auto;display:flex}.table-confirmation__store-name{font:var(--type-title-screen);color:var(--color-text-strong)}.table-confirmation__notice{width:100%;font:var(--type-caption-default);color:var(--color-text-body)}.table-confirmation__skeleton{background:var(--color-bg-weak);border-radius:var(--radius-sm)}.table-confirmation__skeleton--title{width:180px;height:32px}.table-confirmation__skeleton--badge{width:64px;height:28px}.table-confirmation__skeleton--table{width:96px;height:32px}.table-confirmation__skeleton--notice{width:100%;height:40px}.table-confirmation__footer{padding:var(--space-4);background:var(--color-bg-canvas)}.table-confirmation__safe-area{height:var(--layout-safe-area);background:var(--color-bg-canvas)}