:root{--bg: #1a1714;--panel: #241f1a;--panel-2: #2e2822;--ink: #f4efe6;--muted: #b7aea1;--line: rgba(244, 239, 230, .12);--accent: #e08a3c;--accent-ink: #1a1714;--danger: #ff8f8f;--shadow: 0 18px 50px rgba(0, 0, 0, .35);--radius: 18px;--font: "Outfit", "Noto Sans KR", sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%}body{font-family:var(--font);background:radial-gradient(1200px 600px at 10% -10%,rgba(224,138,60,.18),transparent 55%),radial-gradient(900px 500px at 100% 0%,rgba(90,140,120,.12),transparent 50%),var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}.shell{display:grid;grid-template-rows:auto 1fr;height:100%;min-height:100dvh;gap:0}.shell.single{grid-template-columns:1fr}.shell.missing{display:grid;place-content:center;text-align:center;gap:12px;padding:24px}.panel{min-height:0}.top-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;background:linear-gradient(180deg,var(--panel) 0%,#1e1a16 100%);border-bottom:1px solid var(--line)}.top-bar-brand{min-width:0}.top-bar-brand h1{margin:4px 0 0;font-size:1.35rem;font-weight:700}.top-bar-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.brand{margin:0;letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;color:var(--accent)}.cart-panel h2,.order-history h2,.modal h2{margin:4px 0 0;font-size:1.45rem;font-weight:700}.lang-switcher{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:#ffffff0d;border:1px solid var(--line)}.lang-switcher button{min-width:42px;height:36px;border-radius:999px;color:var(--muted);font-weight:600;font-size:.8rem}.lang-switcher button.active{background:var(--accent);color:var(--accent-ink)}.cart-panel,.order-history{background:#ffffff08;border:1px solid var(--line);border-radius:var(--radius);padding:16px}.cart-empty{display:grid;gap:10px;padding:20px 4px 8px;justify-items:start}.cart-empty-hint{margin:0;font-size:.95rem}.muted{color:var(--muted)}.center{text-align:center;padding:48px 16px}.error{color:#ff8f8f}.cart-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:12px}.cart-list li{display:grid;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--line)}.cart-list li>div:first-child{display:flex;justify-content:space-between;gap:10px}.qty-row{display:inline-flex;align-items:center;gap:10px}.qty-row button{width:36px;height:36px;border-radius:10px;background:var(--panel-2);border:1px solid var(--line);font-size:1.2rem}.cart-footer{display:grid;gap:10px}.subtotal{display:flex;justify-content:space-between;align-items:baseline;font-size:1.05rem}.btn{min-height:52px;border-radius:14px;padding:0 16px;font-weight:600;transition:transform .15s ease,opacity .15s ease}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}.btn.compact{min-height:40px;padding:0 12px;font-size:.88rem}.btn.back{min-height:44px;padding:0 4px;color:var(--ink);font-weight:600}.btn.cart-badge{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;background:var(--accent);color:var(--accent-ink);border-radius:14px}.cart-badge-label{font-weight:700}.cart-badge-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:var(--accent-ink);color:var(--accent);font-size:.85rem;font-weight:700}.cart-badge-total{font-weight:700;opacity:.92}.menu-view,.cart-view{display:flex;flex-direction:column;padding:18px 20px 96px;min-width:0;min-height:0;overflow:hidden}.menu-view{height:100%}.cart-view{gap:16px;max-width:720px;width:100%;margin:0 auto;overflow:auto}.history-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:14px}.history-list>li{padding-bottom:12px;border-bottom:1px solid var(--line)}.history-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}.history-items{list-style:none;margin:0;padding:0;display:grid;gap:6px}.history-items li{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.95rem}.categories{display:flex;gap:8px;overflow-x:auto;padding-bottom:14px;flex:0 0 auto}.categories.sub{padding-top:0;padding-bottom:10px}.categories.leaf button{min-height:38px;font-size:.92rem}.categories button{flex:0 0 auto;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line);color:var(--muted);background:#ffffff08;font-weight:600}.categories button.active{background:var(--ink);color:var(--bg);border-color:transparent}.menu-grid{--menu-grid-gap: 10px;flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:calc((100% - var(--menu-grid-gap)) / 2);gap:var(--menu-grid-gap);overflow-y:auto;align-content:start;padding-bottom:4px;-webkit-overflow-scrolling:touch}.menu-card{display:flex;flex-direction:column;min-height:0;height:100%;text-align:left;border-radius:var(--radius);overflow:hidden;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .18s ease}.menu-card:active{transform:scale(.985)}.menu-photo{position:relative;flex:1 1 auto;min-height:0;width:100%;aspect-ratio:auto;background-color:#3a322b;background-position:center;background-size:cover;background-repeat:no-repeat}.menu-photo .spice{position:absolute;top:8px;left:8px;z-index:1;padding:4px 7px;border-radius:999px;background:#14100cb8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.menu-meta{flex:0 0 auto;padding:8px 10px 10px;display:grid;gap:4px;min-width:0}.menu-name{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.92rem;line-height:1.3}.menu-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.price{color:var(--accent);font-weight:700}.nutrition{display:flex;flex-wrap:wrap;gap:8px}.nutrition-chip{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;border:1px solid var(--line);background:#ffffff0a;color:var(--muted);font-size:.8rem;font-weight:600}.spice{display:inline-flex;gap:1px;line-height:1}.badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-start;min-width:0}.tag{display:inline-flex;align-items:center;min-height:20px;padding:0 7px;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}.tag.veg{background:#5a8c7838;border:1px solid rgba(125,186,122,.45);color:#9ed39a}.tag.popular{background:#dc5a5a2e;border:1px solid rgba(230,120,120,.45);color:#f0a0a0}.tag.signature{background:#d4af372e;border:1px solid rgba(212,175,55,.5);color:#e6c86a}.tag.cook{background:#e08a3c2e;border:1px solid rgba(224,138,60,.45);color:#f0b074}.tag.group{background:#7896c82e;border:1px solid rgba(140,170,220,.45);color:#b7c8e8}.veg-badge{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;background:#5a8c7838;border:1px solid rgba(125,186,122,.45);color:#9ed39a;font-size:.72rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}.chili{font-size:.9rem;color:#e53935;filter:grayscale(1) brightness(.65) sepia(1) hue-rotate(-40deg) saturate(6)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080604b8;display:grid;place-items:center;padding:20px;z-index:40;animation:fade-in .18s ease}.modal{width:min(560px,100%);max-height:min(90dvh,820px);overflow:auto;border-radius:22px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);animation:rise .22s ease}.modal-photo{aspect-ratio:16 / 10;background-color:#3a322b;background-position:center;background-size:contain;background-repeat:no-repeat}.modal-body{padding:18px 20px 20px;display:grid;gap:12px}.description{margin:0;color:var(--muted);line-height:1.55}.description .label{display:block;margin-bottom:4px;color:var(--ink);font-weight:600;font-size:.85rem}.qty-block{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}.modal-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);background:var(--ink);color:var(--bg);padding:12px 18px;border-radius:999px;font-weight:600;z-index:50;animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.staff-call-fab{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:95;min-width:7.5rem;min-height:3.25rem;padding:12px 18px;border-radius:999px;font-weight:700;font-size:.95rem;letter-spacing:.01em;color:var(--accent-ink);background:var(--accent);box-shadow:0 10px 28px #0006,0 0 #e08a3c8c;animation:staff-call-blink 1.6s ease-in-out infinite}.staff-call-fab:disabled{opacity:.55;animation:none;cursor:not-allowed}.staff-call-fab:active:not(:disabled){transform:scale(.96)}@keyframes staff-call-blink{0%,to{opacity:1;box-shadow:0 10px 28px #0006,0 0 #e08a3c73}50%{opacity:.72;box-shadow:0 10px 28px #0006,0 0 0 12px #e08a3c00}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.screensaver{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;border:0;padding:0;width:100%;height:100%;cursor:pointer;background:#0c0a08;overflow:hidden;animation:fade-in .35s ease}.welcome{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;border:0;padding:24px;width:100%;height:100%;cursor:pointer;display:grid;place-items:center;background:radial-gradient(900px 500px at 20% 10%,rgba(224,138,60,.28),transparent 55%),#0a0806e0;animation:fade-in .3s ease}.welcome-card{width:min(720px,100%);text-align:center;padding:36px 28px;border-radius:24px;border:1px solid var(--line);background:#241f1aeb;box-shadow:var(--shadow)}.welcome-card h2{margin:12px 0 18px;font-size:clamp(1.5rem,3.4vw,2.4rem);line-height:1.35}.welcome-hint{margin:0;color:var(--muted)}.screensaver.empty{display:grid;place-content:center;gap:12px;color:var(--ink)}.screensaver-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;animation:media-in .55s ease}.screensaver-media.image{background-position:center;background-size:cover;background-repeat:no-repeat}.screensaver-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#08060426,#0806048c 70%,#080604c7);pointer-events:none}.screensaver-copy{position:absolute;left:0;right:0;bottom:0;padding:28px 32px 36px;text-align:left;color:var(--ink);pointer-events:none}.screensaver-copy h2{margin:0 0 10px;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:700}.screensaver-copy p{margin:0;color:#f4efe6d9;font-size:1.05rem;letter-spacing:.02em}@keyframes media-in{0%{opacity:.2;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@media(max-width:900px){.top-bar{flex-direction:column;align-items:stretch;padding:12px 14px}.top-bar-actions{justify-content:flex-start}.btn.ghost.compact{flex:1 1 auto}.btn.cart-badge{flex:1 1 100%;justify-content:center}.menu-view,.cart-view{padding:14px 14px 88px}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:calc((100% - var(--menu-grid-gap)) / 2)}}.pair-shell{max-width:420px;margin:0 auto}.pair-form{display:grid;gap:12px;width:min(100%,320px);margin:8px auto 0}.pair-label{text-align:left;color:var(--muted);font-size:.9rem}.pair-input{width:100%;min-height:64px;border-radius:14px;border:1px solid var(--line);background:var(--panel);color:var(--ink);letter-spacing:.35em;text-align:center;font-size:1.8rem;font-variant-numeric:tabular-nums}.pair-submit{min-height:52px}.demo-badge{display:inline-block;margin-top:4px;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}