*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f0eb;color:#1a1a1a;min-height:100vh;-webkit-text-size-adjust:100%;overflow-x:hidden}.app{max-width:480px;margin:0 auto;padding-bottom:calc(100px + env(safe-area-inset-bottom))}.hdr{background:#2dc4bc;color:#fff;padding:18px 16px 14px;padding-top:calc(18px + env(safe-area-inset-top));position:sticky;top:0;z-index:50}.hdr h1{font-size:1.35rem;font-weight:700}.hdr .sub{font-size:.85rem;opacity:.85;margin-top:3px}.hdr .meta{font-size:.8rem;opacity:.72;margin-top:2px}.hdr-row{display:flex;justify-content:space-between;align-items:center}.hdr-actions{display:flex;gap:8px}.hdr-logo{text-align:center;padding-top:12px;padding-bottom:10px}.hdr-logo-img{width:100%;max-width:320px;height:auto;display:block;margin:0 auto}.back{background:none;border:none;color:#fff;font-size:1rem;cursor:pointer;margin-bottom:4px;padding:4px 0;min-height:44px;display:flex;align-items:center;touch-action:manipulation}.card{background:#fff;margin:10px 12px 0;border-radius:14px;padding:16px;box-shadow:0 1px 4px #00000012}.card h3{font-size:1rem;margin-bottom:10px;font-weight:700}.cat-title{font-size:.78rem;font-weight:700;color:#e8734a;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.menu-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0;gap:12px}.menu-row:last-child{border-bottom:none}.menu-info{flex:1;min-width:0}.menu-name{font-weight:600;font-size:.97rem;line-height:1.3}.menu-desc{font-size:.8rem;color:#888;margin-top:3px;line-height:1.4}.menu-price{font-size:.92rem;color:#e8734a;font-weight:700;margin-top:5px}.qty{display:flex;align-items:center;gap:6px;flex-shrink:0}.qty-btn{width:38px;height:38px;border-radius:50%;border:2px solid #e8734a;background:#fff;color:#e8734a;font-size:1.25rem;font-weight:700;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex-shrink:0}.qty-btn.add{background:#e8734a;color:#fff}.qty-n{font-weight:700;min-width:20px;text-align:center;font-size:1rem}.cart-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#1a1a1a;color:#fff;padding:14px 16px;padding-bottom:calc(14px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center;z-index:100;gap:12px}.cart-bar span{font-size:.9rem}.row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0;font-size:.93rem}.row:last-child{border-bottom:none}.row.muted{color:#888}.row.grand{font-size:1.1rem;padding-top:12px;border-top:2px solid #e8734a;border-bottom:none;margin-top:4px}.done{display:flex;flex-direction:column;align-items:center;padding:48px 24px;gap:16px;text-align:center}.done-icon{font-size:4rem}.done h2{font-size:1.5rem;font-weight:800}.done p{color:#666;line-height:1.6;font-size:1rem}.inp{width:100%;border:1.5px solid #ddd;border-radius:10px;padding:13px 14px;font-size:1rem;margin-top:10px;outline:none;font-family:inherit;resize:vertical;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none}.inp:focus{border-color:#e8734a;box-shadow:0 0 0 3px #e8734a1f}select.inp{cursor:pointer}.btn-primary{background:#e8734a;color:#fff;border:none;border-radius:10px;padding:13px 20px;font-size:1rem;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:46px;display:inline-flex;align-items:center;justify-content:center}.btn-primary.full{width:100%;padding:15px;font-size:1.05rem;margin-top:12px}.btn-primary:disabled{opacity:.38;cursor:not-allowed}.btn-primary:active{opacity:.88}.btn-ghost{background:transparent;border:1.5px solid #ddd;border-radius:10px;padding:13px 20px;font-size:1rem;cursor:pointer;touch-action:manipulation;min-height:46px;display:inline-flex;align-items:center;justify-content:center}.btn-ghost.full{width:100%;margin-top:10px}.btn-ghost:active{background:#f5f5f5}.btn-wa{background:#25d366;color:#fff;border:none;border-radius:10px;padding:12px 16px;font-size:.93rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;touch-action:manipulation;min-height:46px;-webkit-tap-highlight-color:transparent}.btn-wa.full{width:100%;text-align:center;padding:15px;font-size:1rem}.btn-wa.green{background:#128c7e}.btn-wa-sm{background:#fff3;color:#fff;border:1.5px solid rgba(255,255,255,.5);border-radius:8px;padding:8px 14px;font-size:.85rem;font-weight:600;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;touch-action:manipulation;min-height:36px}.btn-sm{background:#fff;border:1.5px solid #ddd;border-radius:8px;padding:8px 14px;font-size:.83rem;cursor:pointer;touch-action:manipulation;min-height:36px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.btn-sm.danger{background:#c0392b14;color:#c0392b;border-color:#c0392b40}.cart-remove{background:none;border:none;color:#ccc;font-size:1.2rem;font-weight:700;cursor:pointer;line-height:1;padding:6px 8px;flex-shrink:0;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.cart-remove:active{color:#c0392b}.order.order-new{border-left:4px solid #e8734a}.order.dimmed{opacity:.5}.order-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px}.order-top strong{font-size:1.05rem}.order-meta{font-size:.88rem;color:#555;margin-top:5px;line-height:1.5}.order-meta.muted{color:#aaa}.order-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.order-actions .btn-primary,.order-actions .btn-wa{flex:1;min-width:120px}.items-block{background:#fafafa;border-radius:8px;padding:10px 12px;margin:8px 0}.item-line{display:flex;gap:10px;padding:4px 0;font-size:.93rem}.item-qty{font-weight:700;color:#e8734a;min-width:28px}.item-name{color:#1a1a1a}.badge{font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:20px;white-space:nowrap;flex-shrink:0}.badge.new{background:#fff3ee;color:#e8734a}.badge.prep{background:#fff8e1;color:#c0a000}.badge.ready{background:#e8f8f0;color:#27ae60}.badge.pickup{background:#eef3ff;color:#3b5bdb}.badge.done{background:#f0f0f0;color:#888}.section-label{font-size:.76rem;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.05em;padding:14px 16px 4px}.settings{border:1.5px solid #fde8dd}.hint{font-size:.83rem;color:#888;margin-top:4px;margin-bottom:2px;line-height:1.55}.history-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:200;display:flex;align-items:flex-end;justify-content:center}.history-panel{background:#f5f0eb;width:100%;max-width:480px;max-height:85vh;border-radius:20px 20px 0 0;padding:16px 12px;padding-bottom:calc(24px + env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch}.history-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 4px}.history-hdr h2{font-size:1.1rem;font-weight:700}.history-close{background:#ddd;border:none;border-radius:50%;width:36px;height:36px;font-size:1rem;cursor:pointer;touch-action:manipulation;display:flex;align-items:center;justify-content:center}.menu-edit-row{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:10px;padding:10px 12px;margin-bottom:6px;gap:10px}.menu-thumb{width:52px;height:52px;border-radius:8px;object-fit:cover;flex-shrink:0}.photo-upload{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}.photo-preview{width:80px;height:80px;border-radius:10px;object-fit:cover;border:1.5px solid #eee}.photo-label{background:#f5f0eb;border:1.5px dashed #ccc;border-radius:8px;padding:10px 16px;font-size:.88rem;font-weight:600;color:#666;cursor:pointer;touch-action:manipulation}.photo-label:active{border-color:#e8734a;color:#e8734a}.menu-item-img{width:100%;border-radius:10px;object-fit:cover;max-height:180px;margin-bottom:8px;display:block}.empty{text-align:center;color:#bbb;padding:48px 20px;font-size:.9rem;line-height:1.7}.pin-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:28px;padding:32px 24px;padding-bottom:calc(32px + env(safe-area-inset-bottom));background:#f5f0eb}.pin-screen h2{font-size:1.45rem;font-weight:700;text-align:center}.pin-dots{display:flex;gap:16px}.pin-dot{width:16px;height:16px;border-radius:50%;border:2px solid #e8734a;transition:background .1s}.pin-dot.filled{background:#e8734a}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.shake{animation:shake .45s ease}.pin-pad{display:grid;grid-template-columns:repeat(3,80px);gap:12px}.pin-key{height:64px;border-radius:14px;border:none;background:#fff;font-size:1.4rem;font-weight:600;cursor:pointer;box-shadow:0 2px 6px #0000001a;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.pin-key:active{background:#f0f0f0;transform:scale(.96)}.pin-key:disabled{opacity:0;cursor:default;box-shadow:none}.home-screen{min-height:100vh;min-height:100dvh;background:linear-gradient(160deg,#1a7a74,#2dc4bc 55%,#4ecfc8);display:flex;align-items:center;justify-content:center;padding:32px 24px;padding-bottom:calc(32px + env(safe-area-inset-bottom))}.home-content{width:100%;max-width:400px;text-align:center}.home-brand{margin-bottom:32px}.home-sign-board{position:relative;background:linear-gradient(175deg,#d9a84e,#c49038,#b87e2c,#c49038,#d2a048);border:4px solid #7a5010;border-radius:6px;padding:20px 32px 18px;margin-bottom:20px;box-shadow:0 6px 24px #0006,inset 0 1px #ffffff2e,inset 0 -1px #00000026;display:flex;flex-direction:column;align-items:center}.home-sign-board:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3px;background:repeating-linear-gradient(178deg,transparent 0px,transparent 14px,rgba(100,60,10,.12) 14px,rgba(100,60,10,.12) 15px);pointer-events:none}.sign-screw{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#c8a840,#7a5a10);border:1px solid #5a3a08;box-shadow:0 1px 3px #0006}.sign-screw:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;border-top:1.5px solid rgba(255,255,255,.35)}.sign-screw-tl{top:10px;left:10px}.sign-screw-tr{top:10px;right:10px}.sign-screw-bl{bottom:10px;left:10px}.sign-screw-br{bottom:10px;right:10px}.home-sign-name{font-family:Pacifico,cursive;font-size:3rem;color:#1a0800;text-shadow:1px 2px 4px rgba(0,0,0,.25),0 1px 0 rgba(255,255,255,.1);display:block;line-height:1.15;position:relative}.home-sign-rule{display:block;width:70%;height:1.5px;background:#50280559;margin:8px auto 10px}.home-sign-sub{font-family:Georgia,serif;font-size:.95rem;font-weight:700;color:#2e1205;letter-spacing:.12em;text-transform:uppercase;display:block;position:relative}.home-tagline{font-size:.97rem;color:#ffffffe6;margin-bottom:5px;text-shadow:0 1px 3px rgba(0,0,0,.3)}.home-hours{font-size:.84rem;color:#ffffffb3;font-style:italic}.btn-order{display:block;background:#e8734a;color:#fff;text-decoration:none;padding:18px 28px;border-radius:16px;font-size:1.15rem;font-weight:700;letter-spacing:.01em;margin-bottom:16px;box-shadow:0 4px 20px #e8734a80;touch-action:manipulation}.btn-order:active{opacity:.88}.home-staff{display:flex;gap:10px}.btn-staff{flex:1;background:#ffffff26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);color:#fff;text-decoration:none;padding:14px 12px;border-radius:12px;font-size:.93rem;font-weight:600;touch-action:manipulation;display:flex;align-items:center;justify-content:center}.btn-staff:active{background:#ffffff40}.chat-badge{position:absolute;top:-5px;right:-5px;width:12px;height:12px;background:#e8734a;border-radius:50%;border:2px solid white;animation:badge-pulse 1s ease-in-out infinite}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.active-order-banner{display:flex;justify-content:space-between;align-items:center;background:#fff8e7;border:1.5px solid #f5c842;border-radius:12px;margin:0 12px 12px;padding:12px 16px;cursor:pointer;font-size:.92rem;font-weight:600;color:#7a5c00;touch-action:manipulation}.active-order-banner:active{opacity:.8}.banner-chat-link{color:#e8734a;font-weight:700}.inline-chat{border-top:1px solid #ede8e0;margin-top:12px;padding-top:12px}.inline-chat-messages{overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.chat-empty{font-size:.85rem;color:#aaa;text-align:center;padding:10px 0}.chat-msg{display:flex;flex-direction:column}.chat-msg.mine{align-items:flex-end}.chat-msg.theirs{align-items:flex-start}.chat-who{font-size:.7rem;color:#aaa;margin-bottom:2px}.chat-bubble{padding:8px 12px;border-radius:16px;max-width:80%;font-size:.92rem;line-height:1.4;word-break:break-word}.chat-msg.mine .chat-bubble{background:#2dc4bc;color:#fff;border-bottom-right-radius:4px}.chat-msg.theirs .chat-bubble{background:#f0ebe4;color:#1a1a1a;border-bottom-left-radius:4px}.chat-input-row{display:flex;gap:8px}.chat-input{flex:1;border:1.5px solid #e0d8d0;border-radius:22px;padding:10px 14px;font-size:1rem;outline:none;background:#faf8f5;touch-action:manipulation}.chat-input:focus{border-color:#2dc4bc}.chat-send{background:#2dc4bc;color:#fff;border:none;border-radius:22px;padding:10px 18px;font-size:.95rem;font-weight:700;cursor:pointer;min-height:44px;touch-action:manipulation;white-space:nowrap}.chat-send:active{opacity:.85}.row-gap{display:flex;gap:10px;margin-top:12px}.row-gap .btn-primary,.row-gap .btn-ghost{flex:1}.btn-wa.green{background:#27ae601f;color:#1e8449;border:1.5px solid rgba(39,174,96,.3)}.settings{margin:0 0 8px}.qr-page{min-height:100vh;background:#f5f0eb;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;padding-bottom:calc(32px + env(safe-area-inset-bottom))}.qr-card{background:#fff;border-radius:20px;padding:28px 24px 24px;max-width:400px;width:100%;text-align:center;box-shadow:0 4px 20px #00000014}.qr-emoji{font-size:3rem;margin-bottom:8px}.qr-title{font-size:1.6rem;font-weight:800;color:#1a1a1a;margin-bottom:4px}.qr-sub{font-size:.88rem;color:#888;margin-bottom:16px}.qr-img{width:100%;max-width:260px;border-radius:12px;margin:0 auto 12px;display:block}.qr-url{font-size:.7rem;color:#bbb;margin-bottom:12px;word-break:break-all}.qr-tagline{font-size:.9rem;color:#555;margin-bottom:4px}.qr-hours{font-size:.78rem;color:#aaa;font-style:italic}@media print{.qr-page{background:#fff;padding:0}.btn-primary{display:none}.qr-card{box-shadow:none;border:1px solid #eee}}