*{box-sizing:border-box;margin:0}:root{--bg:#f8f6f2;--card:#fff;--ink:#211a15;--muted:#8a7f76;--accent:#c2410c;--accent-deep:#9a3412;--accent-soft:#fdf1e7;--accent-ink:#fff;--line:#ebe4dc;--ok:#15803d;--ok-soft:#e8f5ec;--danger:#b91c1c;--danger-soft:#fdecec;--radius:16px;--shadow-soft:0 1px 2px #211a150a, 0 4px 16px #211a150d;--shadow-float:0 12px 32px #211a1538}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.5}::selection{background:var(--accent-soft)}.page{max-width:600px;margin:0 auto;padding:24px 20px 120px}.center{text-align:center;padding-top:22vh}.center h1{letter-spacing:-.02em;margin-bottom:8px}.muted{color:var(--muted)}.small{font-size:.85rem}a{color:var(--accent-deep);text-decoration:none}a:hover{text-decoration:underline}.topbar{z-index:30;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#ffffffd9;justify-content:space-between;align-items:center;gap:12px;height:56px;padding:0 20px;display:flex;position:sticky;top:0}.topbar .brand{letter-spacing:-.03em;color:var(--ink);font-size:1.05rem;font-weight:800;text-decoration:none}.topbar .brand:hover{color:var(--accent-deep);text-decoration:none}.topbar-controls{align-items:center;gap:6px;display:flex}.topbar-select{color:var(--muted);border-radius:999px;align-items:center;gap:2px;padding:6px 8px;font-size:.85rem;transition:background .15s;display:inline-flex}.topbar-select:hover{background:var(--accent-soft)}.topbar-select select{font:inherit;color:inherit;cursor:pointer;appearance:none;background:0 0;border:none;max-width:104px;padding:0}.topbar .btn{border-radius:999px;width:auto;margin:0;padding:8px 16px;font-size:.88rem}.shop-header{padding:20px 0 24px}.shop-header h1{letter-spacing:-.03em;font-size:1.85rem;font-weight:800;line-height:1.15}.shop-header .muted{margin-top:6px;font-size:.95rem}.category{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:28px 0 10px;font-size:.74rem;font-weight:700}.item{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px;padding:14px 16px;transition:transform .15s,box-shadow .15s;display:flex}.item-info{flex-direction:column;gap:2px;min-width:0;display:flex}.item-info strong{letter-spacing:-.01em;font-size:1rem}.item-info .small{color:var(--muted)}.price{font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap;font-weight:600}.item-info .price{color:var(--accent-deep);margin-top:2px;font-weight:600}.item.total{box-shadow:none;background:0 0;border:none;margin-bottom:0;padding:10px 16px 0;font-size:1.05rem}.qty{flex-shrink:0;align-items:center;gap:10px;display:flex}.count{text-align:center;font-variant-numeric:tabular-nums;min-width:1.3em;font-weight:700}.btn{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:12px;width:100%;margin-top:10px;padding:13px 18px;font-weight:600;transition:transform .12s,box-shadow .15s,background .15s,border-color .15s}.btn:hover:not(:disabled){box-shadow:var(--shadow-soft);border-color:#d8cfc5}.btn:active:not(:disabled){transform:scale(.985)}.btn.round{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0;padding:0;font-size:1.15rem;line-height:1;display:inline-flex}.btn.round:hover:not(:disabled){border-color:var(--accent);color:var(--accent-deep)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);letter-spacing:.01em}.btn.primary:hover:not(:disabled){background:var(--accent-deep);border-color:var(--accent-deep)}.btn:disabled{opacity:.45;cursor:default}.btn.danger{color:var(--danger);border-color:#f3caca;flex:0 0 30%}.btn.danger:hover:not(:disabled){background:var(--danger-soft)}.cartbar{left:20px;right:20px;bottom:max(20px, env(safe-area-inset-bottom));max-width:560px;box-shadow:var(--shadow-float);border-radius:999px;margin:0 auto;padding:16px 24px;font-size:1rem;position:fixed}.checkout{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);flex-direction:column;gap:14px;margin-top:20px;padding:20px;display:flex}.checkout h2{letter-spacing:-.02em;font-size:1.2rem}.checkout label{color:var(--muted);flex-direction:column;gap:6px;font-size:.88rem;font-weight:500;display:flex}.checkout input{font:inherit;color:var(--ink);border:1px solid var(--line);background:#fdfcfb;border-radius:10px;padding:12px 14px;transition:border-color .15s,box-shadow .15s}.checkout input:focus{border-color:var(--accent);background:var(--card);outline:none;box-shadow:0 0 0 3px #c2410c1f}.checkout input:disabled,.checkout select:disabled{color:var(--muted);-webkit-text-fill-color:var(--muted);opacity:1;background:var(--bg);cursor:not-allowed;border-style:dashed}.agree{color:var(--muted);align-items:flex-start;gap:10px;font-size:.85rem;display:flex}.agree input{width:auto;accent-color:var(--accent);margin-top:3px}.paybox{background:var(--accent-soft);border-radius:var(--radius);border:1px solid #f3ddc8;margin-bottom:16px;padding:18px}.paybox p+.btn{margin-top:12px}.timeline{margin:12px 0 20px;padding:6px 0;list-style:none}.timeline li{color:var(--muted);padding:10px 0 10px 34px;font-size:.97rem;position:relative}.timeline li:before{content:"";background:var(--card);border:2px solid var(--line);z-index:1;border-radius:50%;width:12px;height:12px;position:absolute;top:17px;left:9px}.timeline li:after{content:"";background:var(--line);width:2px;position:absolute;top:30px;bottom:-12px;left:14px}.timeline li:last-child:after{display:none}.timeline li.done{color:var(--ink);font-weight:500}.timeline li.done:before{background:var(--ok);border-color:var(--ok)}.timeline li.done+li:not(.done):before{border-color:var(--accent);animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #c2410c40}50%{box-shadow:0 0 0 6px #c2410c00}}.status-cancelled{color:var(--danger);margin:12px 0;font-weight:600}.status-done{color:var(--ok);background:var(--ok-soft);border-radius:var(--radius);margin:12px 0 20px;padding:18px 20px;font-size:1.25rem;font-weight:700}.staff-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);flex-direction:column;gap:8px;margin-bottom:12px;padding:16px;display:flex}.staff-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pressable{cursor:pointer}.step-done{color:#166534;font-weight:700}.step-locked{opacity:.5}.legal-text{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);max-height:60vh;margin-bottom:16px;padding:20px 22px;font-size:.92rem;line-height:1.55;overflow-y:auto}.legal-text h1{margin:0 0 12px;font-size:1.3rem}.legal-text h2{margin:20px 0 8px;font-size:1.05rem}.legal-text p,.legal-text ul{margin:0 0 10px}.legal-text blockquote{border-left:3px solid var(--line);color:var(--muted);margin:0 0 10px;padding-left:12px}.legal-text hr{border:none;border-top:1px solid var(--line);margin:16px 0}.legal-text code{word-break:break-all}.item-link{color:inherit;text-decoration:none}.bottom-links{border-top:1px solid var(--line);justify-content:center;gap:24px;margin-top:32px;padding:24px 0 12px;display:flex}.bottom-links a{color:var(--muted);font-size:.9rem;text-decoration:none}.bottom-links a:hover{color:inherit}.chooser{text-align:left;width:min(360px,100%);margin:0 auto}.deal-list{flex-direction:column;gap:6px;margin:12px 0;padding-left:20px;display:flex}.table-wrap{overflow-x:auto}.compare{border-collapse:collapse;width:100%;font-size:.9rem}.compare th,.compare td{text-align:left;vertical-align:top;border-top:1px solid var(--line);padding:10px 12px}.compare thead th{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-top:none;font-size:.8rem}.compare td:first-child{color:var(--muted)}.compare th:nth-child(2),.compare td:nth-child(2){background:var(--accent-soft)}.staff-timeline{border-top:1px solid var(--line);padding-top:8px}.staff-timeline .trow{justify-content:space-between;align-items:baseline;gap:14px;padding:2px 0;display:flex}.staff-head strong{letter-spacing:-.01em;font-size:1.05rem}.pill{text-transform:uppercase;letter-spacing:.06em;background:var(--line);border-radius:999px;padding:4px 10px;font-size:.7rem;font-weight:700}.pill.placed{color:#92400e;background:#fef3c7}.pill.accepted,.pill.preparing{color:#1d4ed8;background:#dbeafe}.pill.ready{color:#166534;background:#dcfce7}.pill.fulfilled{color:#475569;background:#f1f5f9}.pill.cancelled{background:var(--danger-soft);color:var(--danger)}.pill.pay-paid{color:#166534;background:#dcfce7}.pill.pay-pending{background:var(--danger-soft);color:var(--danger)}.pill.pay-cash{color:#92400e;background:#fef3c7}.pill.delivery{color:#5b21b6;background:#ede9fe}.staff-items{margin:4px 0;padding-left:20px}.staff-foot{justify-content:space-between;align-items:baseline;display:flex}.staff-actions{gap:10px;display:flex}.staff-actions .btn{margin-top:4px}.adjust-open{margin-left:10px;padding:2px 10px;font-size:.8rem}.adjust-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--accent-soft);flex-direction:column;gap:8px;padding:14px;display:flex}.adjust-choices{flex-direction:column;align-items:stretch;gap:6px;display:flex}.adjust-choices .btn{text-align:left}.adj-note{display:block}.price-input{font:inherit;border:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums;border-radius:10px;width:76px;padding:8px 10px;font-size:.95rem}.price-input:focus{border-color:var(--accent);outline:none}@media (width>=1100px){.page:has(.staff-card){max-width:1280px}.page:has(.staff-card) .staff-card{font-size:1.05rem}}.map-wrap{position:relative}.map-canvas{border-radius:var(--radius);border:1px solid var(--line);width:100%;height:340px;box-shadow:var(--shadow-soft);overflow:hidden}.map-pin{pointer-events:none;filter:drop-shadow(0 3px 3px #211a154d);font-size:32px;position:absolute;top:calc(50% - 26px);left:50%;transform:translate(-50%)}.map-actions{margin-top:10px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.account-head{align-items:center;gap:14px;padding:24px 0 8px;display:flex}.avatar{background:var(--accent-soft);width:52px;height:52px;color:var(--accent-deep);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.35rem;font-weight:800;display:flex}.account-id{flex:1;min-width:0}.account-id h1{letter-spacing:-.02em;font-size:1.4rem;font-weight:800;line-height:1.2}.btn.ghost{width:auto;color:var(--muted);background:0 0;border:none;border-radius:999px;margin:0;padding:8px 14px;font-size:.88rem}.btn.ghost:hover:not(:disabled){background:var(--accent-soft);color:var(--accent-deep);box-shadow:none}.btn.ghost.start{align-self:flex-start;margin-left:-8px}.checkout.tight{gap:10px;margin-top:0}.detail-row{flex-direction:column;gap:1px;padding:4px 0;display:flex}.detail-row+.detail-row{border-top:1px solid var(--line);padding-top:10px}.addr-main{flex-direction:column;gap:2px;min-width:0;display:flex}.pin-ok{color:var(--ok);font-weight:600}.icon-btn{font:inherit;border:1px solid var(--line);background:var(--card);width:34px;height:34px;color:var(--muted);cursor:pointer;border-radius:50%;flex-shrink:0;font-size:1.15rem;line-height:1;transition:color .15s,border-color .15s,background .15s}.icon-btn:hover{color:var(--danger);background:var(--danger-soft);border-color:#f3caca}.add-tile{font:inherit;border-radius:var(--radius);width:100%;color:var(--muted);cursor:pointer;background:0 0;border:1.5px dashed #d8cfc5;margin-top:2px;padding:16px;font-weight:600;transition:color .15s,border-color .15s,background .15s}.add-tile:hover{color:var(--accent-deep);border-color:var(--accent);background:var(--accent-soft)}.field-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.order-row{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);color:inherit;justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px;padding:14px 16px;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.order-row:hover{border-color:#d8cfc5;text-decoration:none;box-shadow:0 2px 4px #211a150f,0 8px 24px #211a1514}.order-main{flex-direction:column;gap:2px;min-width:0;display:flex}.order-side{flex-shrink:0;align-items:center;gap:10px;display:flex}.chevron{color:var(--muted);font-size:1.3rem;line-height:1}.paybox.left{text-align:left;margin-top:20px}.btn.find-map{background:var(--accent-soft);color:var(--accent-deep);border-color:#f3ddc8;font-weight:600}.btn.find-map:hover:not(:disabled){border-color:var(--accent);background:#fbe8d8}.pin-chip{background:var(--ok-soft);color:var(--ok);border:1px solid #cfe8d8;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:8px 8px 8px 14px;font-weight:600;display:flex}.pin-chip .btn.ghost{color:var(--ok)}.pin-chip .btn.ghost:hover:not(:disabled){color:var(--ok);background:#d9efe1}.sheet-backdrop{z-index:40;-webkit-backdrop-filter:blur(2px);background:#211a1573;animation:.2s fadein;position:fixed;inset:0}.sheet{z-index:41;background:var(--bg);max-width:600px;max-height:90dvh;padding:14px 20px calc(24px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;margin:0 auto;animation:.28s cubic-bezier(.2,.9,.3,1) slideup;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -12px 48px #211a1547}.sheet-handle{background:#d8cfc5;border-radius:999px;width:42px;height:4px;margin:0 auto 6px}.sheet .checkout{box-shadow:none;background:0 0;border:none;margin-top:8px;padding:6px 0 0}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes slideup{0%{opacity:.5;transform:translateY(48px)}to{opacity:1;transform:none}}.stripe-badge{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin:2px 0;font-size:.8rem;display:flex}.stripe-mark{color:#635bff;letter-spacing:-.01em;align-items:center;gap:3px;font-size:.85rem;font-weight:700;display:inline-flex}.stripe-mark svg{width:13px;height:13px}.deliver-line{background:var(--card);border:1px solid var(--line);border-radius:12px;margin:4px 0 8px;padding:12px 16px;font-weight:500}.deliver-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.addr-choices{border-top:1px solid var(--line);flex-direction:column;gap:4px;margin-top:10px;padding-top:10px;display:flex}.addr-choices .btn{text-align:left;margin-top:0}.subnav{z-index:29;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);scrollbar-width:none;background:#f8f6f2eb;justify-content:safe center;gap:8px;max-width:100%;padding:10px 20px;display:flex;position:sticky;top:56px;overflow-x:auto}.subnav::-webkit-scrollbar{display:none}.subnav a{color:var(--muted);border:1px solid var(--line);background:var(--card);border-radius:999px;flex-shrink:0;padding:7px 14px;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .15s,border-color .15s,background .15s}.subnav a:hover{color:var(--accent-deep);border-color:var(--accent);background:var(--accent-soft);text-decoration:none}section[id]{scroll-margin-top:118px}