.ob-head{z-index:20;backdrop-filter:blur(12px);background:#faf4e7eb;justify-content:space-between;align-items:center;height:66px;padding:0 32px;display:flex;position:sticky;top:0;box-shadow:0 1px #3c2a1414}.ob-back{color:#3a3026;font-size:14px;font-weight:600;text-decoration:none}.ob-back:hover{color:#e36f5e}.ob-logo{width:auto;height:38px;display:block}.ob-bag{color:#3a3026;background:#fffdf7;border:1.5px solid #d9c9ad;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600}.ob-bag b{color:#0c6157}.ob{grid-template-columns:minmax(340px,44%) 1fr;align-items:start;gap:0;max-width:1440px;margin:0 auto;display:grid}.ob-left{padding:34px 8px 120px 32px;position:sticky;top:66px}.ob-visual{border-radius:20px;overflow:hidden;box-shadow:0 2px 4px #3c2a140d,0 24px 48px -26px #3c2a1473}.ob-visual img{width:100%;height:auto;display:block}.ob-sum{background:#fffdf7;border-radius:16px;margin-top:16px;padding:18px 20px;box-shadow:0 2px 4px #3c2a140d,0 14px 30px -22px #3c2a1466}.ob-sum-k{letter-spacing:.16em;text-transform:uppercase;color:#0c6157;font-size:12px;font-weight:800}.ob-sum-price{color:#6e6350;margin-top:6px;font-size:15px;font-weight:600}.ob-sum-price b{color:#241d14;font-weight:800}.ob-sum-hr{border-top:1px solid #3c2a141f;margin:14px 0 2px}.ob-sum-empty{color:#8b7f66;margin-top:10px;font-size:13.5px}.ob-sum-list{flex-direction:column;gap:9px;margin-top:12px;display:flex}.ob-sum-i{color:#241d14;align-items:center;gap:11px;font-size:14.5px;font-weight:500;display:flex}.ob-sum-thumb{background:#fffdf7;border-radius:50%;flex:none;width:34px;height:34px;position:relative;overflow:hidden}.ob-sum-thumb img{aspect-ratio:1;object-fit:cover;width:112%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ob-sum-thumb--dish img{object-fit:contain;width:100%}.ob-sum-t{flex:1;min-width:0}.ob-sum-t b{font-weight:800}.ob-sum-i small{color:#8b7f66;white-space:nowrap;font-weight:700}.ob-sum-x{vertical-align:-3px;color:#7a6f5a;cursor:pointer;background:0 0;border:1.5px solid #b9ad93;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-left:7px;padding:0;font-family:inherit;font-size:13px;line-height:1;transition:border-color .15s,background .15s,color .15s,transform .15s;display:inline-flex}.ob-sum-x:hover{color:#b0442e;background:#f8e3de;border-color:#e36f5e;transform:scale(1.08)}.ob-right{min-width:0;padding:34px 32px 140px 28px}.ob-k{letter-spacing:.2em;text-transform:uppercase;color:#2fb3a8;font-size:11px;font-weight:700}.ob-h{letter-spacing:-.02em;color:#241d14;margin:.35rem 0 0;font-size:clamp(2rem,4vw,2.7rem);font-weight:800}.ob-sub{color:#6e6350;max-width:560px;margin:.6rem 0 0;font-size:15px;line-height:1.55}.ob-steps{z-index:10;background:linear-gradient(#faf4e7 85%,#faf4e700);gap:8px;margin-top:22px;padding:10px 0;display:flex;position:sticky;top:66px}.ob-step{color:#3a3026;background:#fffdf7;border:1.5px solid #d9c9ad;border-radius:999px;align-items:center;gap:8px;padding:9px 15px;font-size:13px;font-weight:700;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.ob-step:hover{border-color:#2fb3a8}.ob-step.done{background:#e9f7f5;border-color:#2fb3a8}.ob-step-count{color:#8b7f66;font-family:JetBrains Mono,monospace;font-size:11px}.ob-step.done .ob-step-count{color:#0c6157}.ob-sec{margin-top:34px}.ob-sec-head{align-items:baseline;gap:12px;display:flex}.ob-sec-h{letter-spacing:-.01em;color:#241d14;margin:0;font-size:22px;font-weight:800}.ob-sec-hint{letter-spacing:.02em;color:#0c6157;background:#dff2ef;border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:700;transition:background .2s,color .2s,transform .2s}.ob-sec-hint.done{color:#0c6157;background:#b8e6df}.ob-sec-hint.nudge{color:#b0442e;background:#f8e3de}.ob-sec-hint.pop{animation:.3s cubic-bezier(.34,1.5,.64,1) ob-hintpop}@keyframes ob-hintpop{40%{transform:scale(1.12)}}.ob-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:26px 14px;margin-top:20px;display:grid}.ob-card{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:12px;padding:6px 4px;font-family:inherit;transition:top .2s cubic-bezier(.34,1.3,.64,1);display:flex;position:relative;top:0}.ob-card:hover{top:-3px}.ob-chip{justify-content:center;align-items:center;width:186px;height:186px;display:flex;position:relative}.ob-food-full{object-fit:contain;flex:none;width:100%;height:100%}.ob-clip{justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.ob-chip--round .ob-clip{border-radius:50%}.ob-chip--round .ob-food-full{object-fit:cover;width:112%;max-width:none;height:112%}.ob-chip--dish .ob-food-full{object-fit:cover;width:104%;max-width:none;height:104%}.ob-chip:before{content:"";opacity:0;pointer-events:none;z-index:2;border:6px solid #2fb3a8;border-radius:50%;transition:opacity .18s,transform .22s cubic-bezier(.34,1.5,.64,1);position:absolute;inset:6px;transform:scale(.92)}.ob-card.on .ob-chip:before{opacity:1;transform:scale(1)}.ob-name{color:#241d14;text-align:center;font-size:15px;font-weight:700;line-height:1.25}.ob-card.on .ob-name{font-weight:800}.ob-meta{align-items:baseline;gap:9px;display:flex}.ob-cal{color:#6e6350;font-size:13px;font-weight:600}.ob-up{color:#b0442e;font-family:JetBrains Mono,monospace;font-size:11.5px;font-weight:700}[data-cal-side],[data-cal-bar]{color:#6e6350;letter-spacing:0;text-transform:none;font-size:12px;font-weight:600}.ob-check{color:#fff;opacity:0;z-index:3;background:#2fb3a8;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:800;transition:opacity .15s,transform .2s cubic-bezier(.34,1.5,.64,1);display:flex;position:absolute;top:2px;right:2px;transform:scale(.5);box-shadow:0 2px 6px #0c615759}.ob-card.on .ob-check{opacity:1;transform:scale(1)}.ob-card.bump{animation:.3s ob-bump}.ob-card .ob-chip,.ob-card .ob-name,.ob-card .ob-meta{transition:opacity .25s,filter .25s}.ob-card.dim .ob-chip{opacity:.42;filter:saturate(.25)}.ob-card.dim .ob-name,.ob-card.dim .ob-meta{opacity:.45}.ob-card.dim:hover{top:0}@keyframes ob-bump{35%{transform:translate(-4px)}70%{transform:translate(4px)}}.ob-extra-chip{position:relative}.ob-splat{fill:#f3c46b;transition:fill .18s,transform .25s cubic-bezier(.34,1.5,.64,1);position:absolute;inset:14px}.ob-extra:hover .ob-splat{transform:rotate(14deg)}.ob-extra-plus{color:#241d14;justify-content:center;align-items:center;width:36px;height:36px;font-size:0;line-height:1;display:flex;position:absolute;top:calc(53% - .839999px);left:50%;transform:translate(-50%,-50%)}.ob-extra-plus:before,.ob-extra-plus:after{content:"";background:#241d14;border-radius:2px;position:absolute;top:50%;left:50%;translate:-50% -50%}.ob-extra-plus:before{width:36px;height:4.5px}.ob-extra-plus:after{width:4.5px;height:36px}.ob-extra.on .ob-extra-plus{font-size:44px;font-weight:800}.ob-extra.on .ob-extra-plus:before,.ob-extra.on .ob-extra-plus:after{display:none}.ob-saucestyle{margin-top:22px}.ob-ss-k{letter-spacing:.08em;text-transform:uppercase;color:#5a4f3e;font-size:13px;font-weight:800}.ob-ss-row{flex-wrap:wrap;gap:14px;margin-top:12px;display:flex}.ob-ss{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:9px;padding:6px 8px;font-family:inherit;display:flex}.ob-ss svg{color:#241d14;box-sizing:border-box;border:2.5px solid #241d14;border-radius:50%;width:64px;height:64px;padding:14px;transition:border-color .18s,background .18s,color .18s}.ob-ss span{color:#3a3026;font-size:13.5px;font-weight:600}.ob-ss.on svg{background:#f4fbfa;border-width:5px;border-color:#2fb3a8}.ob-ss.on span{font-weight:800}.ob-note{color:#8b7f66;margin-top:40px;font-size:12.5px}.ob-bar{z-index:25;max-width:1440px;padding:14px 32px calc(14px + env(safe-area-inset-bottom));backdrop-filter:blur(12px);background:#faf4e7f2;justify-content:space-between;align-items:center;gap:20px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -1px #3c2a141f}.ob-bar-total{flex-direction:column;display:flex}.ob-bar-total span{letter-spacing:.1em;text-transform:uppercase;color:#8b7f66;font-size:12px;font-weight:700}.ob-bar-total b{color:#241d14;font-size:22px;font-weight:800}.ob-add{padding:16px 44px;font-size:16px}.ob-add--guide{color:#0c6157;background:#fffdf7;border:2px solid #2fb3a8}.ob-add--guide:hover{color:#0c6157;box-shadow:none;background:#e9f7f5}.ob-modal{z-index:40;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ob-modal[hidden]{display:none}.ob-modal-backdrop{background:#241d148c;position:absolute;inset:0}.ob-modal-card{background:#fffdf7;border-radius:22px;flex-direction:column;width:min(92vw,520px);max-height:86vh;padding:28px 26px 22px;display:flex;position:relative;box-shadow:0 40px 90px -30px #140e0899}.ob-modal-x{color:#241d14;cursor:pointer;background:0 0;border:none;width:38px;height:38px;font-size:26px;line-height:1;position:absolute;top:14px;right:16px}.ob-modal-h{letter-spacing:.08em;text-transform:uppercase;color:#241d14;text-align:center;margin:0;font-size:19px;font-weight:800}.ob-modal-sub{color:#5a4f3e;text-align:center;margin:10px 0 6px;font-size:15px}.ob-modal-list{margin-top:8px;padding-right:4px;overflow-y:auto}.ob-mrow{border-bottom:1px solid #3c2a1412;align-items:center;gap:14px;padding:12px 2px;display:flex}.ob-mrow:last-child{border-bottom:none}.ob-mthumb{border-radius:50%;flex:none;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.ob-mthumb img{object-fit:cover;width:112%;max-width:none;height:112%}.ob-minfo{flex-direction:column;flex:1;gap:2px;display:flex}.ob-minfo b{color:#241d14;font-size:15.5px;font-weight:700}.ob-minfo span{color:#6e6350;font-size:13.5px;font-weight:600}.ob-madd{letter-spacing:.02em;color:#0c6157;cursor:pointer;background:#dff2ef;border:2px solid #0000;border-radius:999px;flex:none;padding:10px 26px;font-family:inherit;font-size:14px;font-weight:800;transition:background .15s,color .15s,border-color .15s}.ob-madd:hover{border-color:#2fb3a8}.ob-madd.added{color:#fff;background:#2fb3a8}.ob-madd:disabled{color:#a79b84;cursor:not-allowed;background:#f0e9d8;border-color:#0000}.ob-modal-save{letter-spacing:.04em;color:#fff7f0;cursor:pointer;background:#2fb3a8;border:none;border-radius:999px;margin-top:16px;padding:15px 0;font-family:inherit;font-size:16px;font-weight:800;transition:background .15s}.ob-modal-save:hover{background:#0c8177}.ob-toast{z-index:30;color:#fff;opacity:0;pointer-events:none;background:#0c6157;border-radius:999px;padding:14px 26px;font-size:14.5px;font-weight:600;transition:opacity .3s,transform .3s;position:fixed;bottom:96px;left:50%;transform:translate(-50%)translateY(16px);box-shadow:0 18px 40px -14px #0c615799}.ob-toast.show{opacity:1;transform:translate(-50%)translateY(0)}@media (width<=900px){.ob{grid-template-columns:1fr}.ob-left{padding:22px 22px 0;position:static}.ob-visual{max-height:250px}.ob-visual img{object-fit:cover;height:250px}.ob-right{padding:22px 22px 160px}.ob-steps{scrollbar-width:none;overflow-x:auto}.ob-head{padding:0 22px}.ob-bar{padding-left:22px;padding-right:22px}}
