*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--deep-charcoal:#1a1a1a;--warm-amber:#d97706;--warm-amber-hover:#b45309;--amber-light:#fff7ed;--cream:#fdf6ec;--muted-green:#4a7c59;--muted-green-light:#ebf2ee;--soft-sand:#e8d5b7;--bg:#fdf6ec;--surface:#fff;--border:#ede0cc;--text-main:#1a1a1a;--text-muted:#6b5e51;--radius-md:10px;--radius-lg:16px}html{background:#f3efe6;min-height:100vh}body{background-color:var(--surface);color:var(--text-main);width:100%;max-width:450px;min-height:100vh;margin:0 auto;padding-bottom:90px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;box-shadow:0 0 40px #1a10080f}h1,h2,h3,.menu-name{font-family:Playfair Display,Georgia,serif}.nav{-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border);z-index:100;background:#fffffff2;justify-content:space-between;align-items:center;width:100%;max-width:450px;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.nav-logo{color:var(--deep-charcoal);align-items:center;gap:6px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.nav-logo span,.nav-logo i{color:var(--warm-amber)}.nav-links{gap:4px;display:flex}.nav-link{color:var(--text-muted);border-radius:var(--radius-md);padding:8px;font-size:20px;text-decoration:none}.hero{background:var(--deep-charcoal);color:#fdf6ec;padding:32px 16px;position:relative;overflow:hidden}.hero-title{margin-bottom:8px;font-size:28px;line-height:1.2}.hero-title em{color:var(--soft-sand);font-style:normal}.hero-sub{color:#e8d5b7;font-size:13px;line-height:1.5}.pill-signature{border:1px solid var(--soft-sand);color:var(--cream);background:#ffffff1a;border-radius:20px;align-items:center;gap:4px;margin-bottom:12px;padding:4px 10px;font-size:11px;display:inline-flex}.steam-container{opacity:.12;position:absolute;bottom:0;right:8%}.steam-line{background:linear-gradient(to top, transparent, var(--soft-sand), transparent);width:3px;height:80px;margin:0 6px;animation:4s ease-in-out infinite steam-rise;display:inline-block}.steam-line:nth-child(2){height:110px;animation-delay:1.8s}@keyframes steam-rise{0%{opacity:0;transform:translateY(10px)scaleX(1)}50%{opacity:1;transform:translateY(-20px)scaleX(1.3)}to{opacity:0;transform:translateY(-60px)scaleX(1)}}.control-bar{background:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;gap:12px;padding:12px 16px;display:flex}.selector-pills{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);gap:3px;padding:3px;display:flex}.selector-pill{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:600;display:flex}.selector-pill.active{background:var(--deep-charcoal);color:#fff}.search-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:8px;padding:10px 14px;display:flex}.search-box input{background:0 0;border:none;outline:none;width:100%;font-size:14px}.categories-container{scrollbar-width:none;gap:8px;padding:16px 0 4px 16px;display:flex;overflow-x:auto}.categories-container::-webkit-scrollbar{display:none}.cat-pill{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);white-space:nowrap;cursor:pointer;border-radius:30px;padding:8px 16px;font-size:13px}.cat-pill.active{background:var(--amber-light);border-color:var(--warm-amber);color:var(--warm-amber);font-weight:600}.section-menu{padding:12px 16px}.menu-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.menu-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.menu-visual-wrapper{background:var(--cream);border-bottom:1px solid var(--border);justify-content:center;align-items:center;height:110px;font-size:44px;display:flex}.menu-info{flex-direction:column;flex:1;justify-content:space-between;padding:12px;display:flex}.menu-name{color:var(--deep-charcoal);margin-bottom:4px;font-size:14px;font-weight:700}.menu-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:32px;margin-bottom:10px;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.menu-action-row{justify-content:space-between;align-items:center;display:flex}.menu-price{color:var(--deep-charcoal);font-size:13px;font-weight:700}.btn-add-cart{background:var(--deep-charcoal);color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.tag-badge{background:var(--muted-green-light);color:var(--muted-green);border-radius:4px;margin-bottom:4px;padding:1px 6px;font-size:9px;font-weight:600;display:inline-block}.checkout-container{flex-direction:column;gap:16px;padding:16px;display:flex}.checkout-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.summary-block{background:var(--cream)}.block-title{align-items:center;gap:8px;margin-bottom:16px;font-size:15px;font-weight:700;display:flex}.form-group{margin-bottom:12px}.form-group label{color:var(--text-muted);margin-bottom:4px;font-size:11px;font-weight:600;display:block}.form-control{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);outline:none;width:100%;padding:10px 12px;font-size:13px}.form-grid{flex-direction:column;gap:12px;display:flex}.cart-list{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.cart-item{border-bottom:1px dotted var(--border);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.cart-item-title{font-size:13px;font-weight:600}.cart-item-meta{color:var(--text-muted);font-size:11px}.summary-row{color:var(--text-muted);justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.summary-row.total{color:var(--deep-charcoal);border-top:1px dashed var(--border);margin-top:10px;padding-top:10px;font-size:16px;font-weight:700}.mobile-bottom-bar{background:var(--warm-amber);color:#fff;border-radius:var(--radius-lg);z-index:999;cursor:pointer;justify-content:space-between;align-items:center;width:calc(100% - 32px);max-width:418px;padding:14px 18px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)translateY(140%);box-shadow:0 8px 24px #d9770640}.mobile-bottom-bar.show{transform:translate(-50%)translateY(0)}.mbar-left{align-items:center;gap:10px;font-size:13px;display:flex}.mbar-left i{font-size:20px}.mbar-right{align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}#toast{-webkit-backdrop-filter:blur(4px);color:#fff;z-index:1000;white-space:nowrap;background:#1a1a1af5;border-radius:20px;padding:10px 20px;font-size:12px;display:none;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}@media (width>=768px){body{border-left:1px solid var(--border);border-right:1px solid var(--border)}}.detail-container{background:var(--surface);flex-direction:column;min-height:calc(100vh - 56px);display:flex}.detail-header{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:16px;display:flex}.btn-back{color:var(--deep-charcoal);cursor:pointer;background:0 0;border:none;align-items:center;font-size:20px;display:flex}.header-title{font-size:15px;font-weight:700}.detail-visual{background:var(--cream);border-bottom:1px solid var(--border);justify-content:center;align-items:center;height:200px;font-size:80px;display:flex}.detail-body{padding:20px 16px}.detail-main-info{margin-bottom:24px}.detail-name{color:var(--deep-charcoal);margin-top:6px;margin-bottom:4px;font-size:24px;font-weight:700}.detail-price{color:var(--warm-amber);margin-bottom:12px;font-size:18px;font-weight:700}.detail-desc{color:var(--text-muted);font-size:13px;line-height:1.6}.option-section{margin-bottom:20px}.option-title{color:var(--deep-charcoal);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:13px;font-weight:700}.option-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.option-card{cursor:pointer;position:relative}.option-card input[type=radio]{opacity:0;position:absolute}.option-card-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;color:var(--text-muted);padding:12px;font-size:13px;font-weight:600;transition:all .2s}.option-card input[type=radio]:checked+.option-card-content{border-color:var(--warm-amber);background:var(--amber-light);color:var(--warm-amber-hover)}.detail-action-bar{background:var(--surface);border-top:1px solid var(--border);z-index:100;align-items:center;gap:12px;width:100%;max-width:450px;padding:16px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.qty-counter{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;padding:4px;display:flex}.btn-qty{cursor:pointer;width:32px;height:32px;color:var(--deep-charcoal);background:0 0;border:none;font-size:18px;font-weight:600}#detail-qty-val{text-align:center;min-width:24px;font-size:14px;font-weight:700}.btn-primary-block{background:var(--deep-charcoal);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;flex:1;padding:14px;font-size:14px;font-weight:600;transition:background .2s}.btn-primary-block:hover{background:var(--warm-amber)}