.demo{--tam: #5B1A2A;--tam-2: #7A2A3B;--saf: #E8A33A;--saf-soft: #FBEFD9;--leaf: #1F7A4D;--non: #8E3B1F;--g-ink: #1E1A17;--g-ink-2: #5A524B;--g-ink-3: #7C736B;--g-line: #ECE6DF;--g-mist: #F6F3EF;min-height:100vh;min-height:100dvh}:where(.demo) button{font:inherit}.demo :focus-visible{outline:2.5px solid var(--saf);outline-offset:2px}.d-bar{display:none}@media(min-width:1100px){.demo{display:grid;gap:40px;align-items:start;justify-content:center;grid-template-columns:minmax(260px,300px) 390px minmax(500px,820px);padding:32px clamp(20px,3vw,48px) 40px;background:radial-gradient(1200px 600px at 70% -10%,#F1E8DA 0%,transparent 60%),var(--bg)}.d-intro{display:grid;gap:20px;padding-top:6px}.d-home{display:inline-flex;width:fit-content}.d-intro h1{font-family:var(--serif);font-weight:400;font-size:clamp(34px,2.6vw,44px);line-height:1.04;letter-spacing:-.02em;margin:6px 0 0;color:var(--ink)}.d-lede{margin:0;color:var(--ink-2);font-size:15.5px;line-height:1.6}.d-steps{margin:0;padding:0;list-style:none;counter-reset:s;display:grid;gap:14px}.d-steps li{counter-increment:s;position:relative;padding-left:40px;font-size:14.5px;line-height:1.5;color:var(--ink-2)}.d-steps li:before{content:counter(s);position:absolute;left:0;top:-1px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--tam);color:#fff;font-size:13px;font-weight:600}.d-steps b{color:var(--ink);font-weight:600;display:block}.d-ctas{display:flex;flex-wrap:wrap;gap:10px}.d-fine{margin:0;font-size:12.5px;color:var(--ink-3)}.d-stage,.d-kwrap{display:grid;gap:12px;justify-items:center;min-width:0}.d-kwrap>.d-tablet{min-width:0}.d-cap{margin:0;font-size:13px;color:var(--ink-3)}.d-phone{position:relative;width:390px;height:clamp(660px,calc(100vh - 100px),820px);border-radius:54px;padding:12px;background:#17171a;box-shadow:0 0 0 1.5px #3a3a40 inset,0 40px 80px -20px #28140a59,0 12px 30px #0000001f}.d-phone-notch{position:absolute;top:22px;left:50%;translate:-50% 0;width:110px;height:30px;border-radius:20px;background:#000;z-index:30}.d-guest{position:relative;width:100%;height:100%;border-radius:42px;overflow:hidden;background:#fff}.d-guest .g-top{padding-top:56px}.d-tablet{width:100%;height:clamp(560px,calc(100vh - 230px),760px);border-radius:28px;padding:14px;background:#2a2c30;box-shadow:0 0 0 1.5px #44464c inset,0 30px 70px -20px #14141e59}.d-kitchen{width:100%;height:100%;border-radius:16px;overflow:hidden}.d-kwrap .d-try-m{display:none}}@media(min-width:1100px)and (max-width:1439px){.demo{grid-template-columns:390px minmax(500px,1fr)}.d-intro{grid-column:1 / -1;position:static;grid-template-columns:1.1fr 1fr;column-gap:48px;row-gap:16px;align-items:start}.d-intro>.d-home,.d-intro>h1,.d-intro>.d-lede{grid-column:1}.d-intro>.d-steps,.d-intro>.d-try,.d-intro>.d-ctas,.d-intro>.d-fine{grid-column:2}.d-intro>.d-steps{grid-row:1 / span 3}}.d-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:999px;background:var(--ink);color:#fff;font-weight:600;font-size:14.5px;border:1px solid transparent;cursor:pointer}.d-btn-2{background:transparent;color:var(--ink);border-color:var(--line-2)}.d-try{display:grid;grid-template-columns:112px 1fr;gap:16px;align-items:center;padding:14px;border-radius:18px;background:#fff;box-shadow:var(--shadow-1)}.d-try p{margin:0;font-size:13.5px;color:var(--ink-2);line-height:1.45}.d-try .d-try-h{font-weight:600;color:var(--ink);font-size:15px;margin-bottom:4px}.d-qr{display:block;width:112px;height:112px;padding:8px;border-radius:12px;background:#fff;border:1px solid var(--line);color:var(--ink)}.d-qr svg{width:100%;height:100%}.d-room{margin-top:6px!important;font-size:12.5px!important;color:var(--ink-3)!important}.d-room b{font-family:ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.08em;color:var(--ink)}@media(max-width:1099.98px){.demo{background:var(--tam)}.d-intro,.d-cap,.d-stage>.d-cap{display:none}.d-bar{display:flex;align-items:center;gap:10px;position:fixed;inset:0 0 auto;z-index:50;height:calc(48px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0 14px;background:#fff;border-bottom:1px solid var(--g-line)}.d-bar,.d-bar *{white-space:nowrap;line-height:1.1}.d-bar .logo-word{font-size:17px}.d-bar .logo-mark{width:24px;height:24px}.d-bar-tag{font-size:12px;font-weight:600;color:var(--tam);background:#f7e9ec;padding:3px 9px;border-radius:999px}.d-bar-k{margin-left:auto;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--g-line);background:#fff;font-size:13.5px;font-weight:600;color:var(--g-ink);cursor:pointer}.d-bar-k-b,.show-kitchen .d-bar-k-l{display:none}.show-kitchen .d-bar-k-b{display:inline}.d-stage{position:fixed;inset:calc(48px + env(safe-area-inset-top)) 0 0 0;display:flex;justify-content:center;background:var(--tam)}.d-phone{width:100%;max-width:560px;height:100%}.d-phone-notch{display:none}.d-guest{position:relative;height:100%;background:#fff;overflow:hidden}.d-kwrap{position:fixed;inset:calc(48px + env(safe-area-inset-top)) 0 0 0;z-index:45;background:#23262b;overflow:auto;display:none;padding-bottom:20px}.show-kitchen .d-kwrap{display:block}.d-tablet{height:min(78vh,760px)}.d-kitchen{height:100%}.d-try-m{margin:16px;grid-template-columns:96px 1fr}.d-try-m .d-qr{width:96px;height:96px}.joined .d-try-m{display:none}}.g{position:absolute;inset:0;display:flex;flex-direction:column;background:#fff;color:var(--g-ink);font-size:15px;line-height:1.45;letter-spacing:-.005em;overflow:hidden}.g-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:auto;-webkit-overflow-scrolling:touch;padding-bottom:24px}.g.has-bar .g-scroll{padding-bottom:104px}.g h2,.g h3,.g h4,.g p{margin:0}.g-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 14px 10px 16px;background:#fff}.g-brand{display:flex;align-items:center;gap:10px;min-width:0}.g-brand b{display:block;font-family:var(--serif);font-weight:400;font-size:25px;line-height:1;letter-spacing:-.01em}.g-brand small{display:block;font-size:12px;color:var(--g-ink-3);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g-logo{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;background:var(--tam);color:var(--saf);font-size:22px;font-weight:700}.g-top-r{display:flex;gap:6px}.g-ib{position:relative;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--g-mist);color:var(--g-ink);border:0;cursor:pointer;flex:none}.g-dot{position:absolute;top:8px;right:9px;width:8px;height:8px;border-radius:50%;background:var(--saf);box-shadow:0 0 0 2px var(--g-mist)}.g-hello{margin:4px 12px 0;padding:18px 18px 16px;border-radius:22px;background:var(--tam);color:#fff;position:relative;overflow:hidden}.g-hello:after{content:"";position:absolute;right:-40px;top:-50px;width:170px;height:170px;border-radius:50%;border:22px solid rgba(232,163,58,.16)}.g-table{display:inline-block;font-size:12.5px;font-weight:600;color:var(--tam);background:var(--saf);padding:3px 10px;border-radius:999px;margin-bottom:10px!important}.g-hello h2{font-family:var(--serif);font-weight:400;font-size:29px;line-height:1.05;letter-spacing:-.015em;max-width:15ch}.g-hello>p:not(.g-table){margin-top:8px;font-size:13.5px;color:#ffffffc7;max-width:32ch}.g-veg{position:relative;z-index:1;margin-top:14px;display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;cursor:pointer}.g-veg input{position:absolute;opacity:0}.g-sw{width:36px;height:21px;border-radius:999px;background:#ffffff38;position:relative;transition:background .2s}.g-sw:after{content:"";position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:#fff;transition:transform .2s var(--ease-out)}.g-veg input:checked+.g-sw{background:#3fa36b}.g-veg input:checked+.g-sw:after{transform:translate(15px)}.g-veg input:focus-visible+.g-sw{outline:2.5px solid var(--saf);outline-offset:2px}.g-picks{padding:22px 0 6px}.g-picks h3,.g-sec h3{font-size:17px;font-weight:700;letter-spacing:-.02em;padding:0 16px}.g-rail{display:flex;gap:12px;overflow-x:auto;padding:12px 16px 6px;scroll-snap-type:x mandatory;scroll-padding-inline:16px;scrollbar-width:none}.g-rail::-webkit-scrollbar{display:none}.g-pick{flex:none;width:150px;scroll-snap-align:start}.g-pick-art{display:block;width:150px;height:150px;border-radius:22px;background:var(--g-mist);padding:10px;border:0;cursor:pointer}.g-pick-t{display:flex;align-items:flex-start;gap:6px;margin-top:8px}.g-pick-t h4{font-size:14px;font-weight:600;line-height:1.25}.g-pick-t .fm{margin-top:2px}.g-pick-b{display:flex;align-items:center;justify-content:space-between;margin-top:6px;font-weight:600;font-size:14px}.g-cats{position:sticky;top:0;z-index:5;display:flex;gap:6px;overflow-x:auto;padding:10px 12px;background:#fffffff0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--g-line);scrollbar-width:none}.g-cats::-webkit-scrollbar{display:none}.g-cats a{flex:none;padding:7px 13px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--g-ink-2);background:var(--g-mist);white-space:nowrap;transition:background .2s,color .2s}.g-cats a.on{background:var(--g-ink);color:#fff}.g-sec{padding-top:20px}.g-sec h3{display:flex;align-items:baseline;gap:8px}.g-sec h3 span{font-size:13px;font-weight:500;color:var(--g-ink-3)}.g-row{display:grid;grid-template-columns:1fr 118px;gap:14px;padding:16px 16px 22px;border-bottom:1px dashed var(--g-line)}.g-row:last-child{border-bottom:0}.g-row-h{display:flex;align-items:center;gap:8px;margin-bottom:6px}.g-row h4{font-size:16px;font-weight:650;letter-spacing:-.015em;line-height:1.25}.g-price{font-weight:600;font-size:14.5px;margin-top:3px!important}.g-desc{margin-top:6px!important;font-size:13px;color:var(--g-ink-3);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.g-desc.full{-webkit-line-clamp:unset;display:block;font-size:14px}.g-tag{font-size:11.5px;font-weight:650;color:#a6650f;background:var(--saf-soft);padding:2px 8px;border-radius:999px}.g-row-art{position:relative;display:flex;flex-direction:column;align-items:center}.g-art-btn{width:118px;height:118px;padding:6px;border-radius:20px;background:var(--g-mist);border:0;cursor:pointer}.g-add{margin-top:-18px;position:relative;z-index:1}.g-add-sm{margin-top:0}.g-cust{margin-top:5px;font-size:11px;color:var(--g-ink-3)}.g-addbtn{min-width:92px;height:36px;padding:0 16px;border-radius:10px;border:1px solid #E3D3C7;background:#fff;color:var(--tam);font-weight:750;font-size:14px;letter-spacing:.02em;box-shadow:0 4px 12px #5b1a2a1f;cursor:pointer}.g-add-sm .g-addbtn{min-width:64px;height:32px;padding:0 12px;font-size:13px;box-shadow:none}.g-step{display:inline-flex;align-items:center;height:36px;border-radius:10px;background:var(--tam);color:#fff;box-shadow:0 4px 12px #5b1a2a38}.g-step button{width:34px;height:36px;display:grid;place-items:center;border:0;background:none;color:inherit;cursor:pointer}.g-step b{min-width:20px;text-align:center;font-size:14.5px;font-variant-numeric:tabular-nums}.g-add-sm .g-step{height:32px;box-shadow:none}.g-add-sm .g-step button{height:32px;width:30px}.g-step-lg{height:52px;border-radius:14px}.g-step-lg button{width:44px;height:52px}.g-foot{padding:26px 16px 8px;font-size:12px;color:var(--g-ink-3);text-align:center}.fm{width:14px;height:14px;flex:none;border:1.6px solid;border-radius:3px;display:inline-grid;place-items:center}.fm-veg{border-color:var(--leaf)}.fm-veg i{width:6px;height:6px;border-radius:50%;background:var(--leaf)}.fm-non{border-color:var(--non)}.fm-non i{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:7px solid var(--non)}.plate{width:100%;height:100%}.g-bar{position:absolute;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:10;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:60px;padding:0 16px 0 18px;border-radius:18px;border:0;cursor:pointer;text-align:left;background:var(--tam);color:#fff;box-shadow:0 14px 30px -8px #5b1a2a8c}.g-bar.bump{animation:g-bump .35s var(--ease-out)}@keyframes g-bump{40%{transform:scale(1.025)}}.g-bar-l b{display:block;font-size:15px}.g-bar-l span{font-size:12.5px;color:#ffffffbf}.g-bar-r{display:inline-flex;align-items:center;gap:4px;font-weight:650;font-size:15px}.g-status{position:absolute;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:9;display:flex;align-items:center;gap:12px;min-height:58px;padding:0 14px;border-radius:18px;border:1px solid var(--g-line);background:#fff;cursor:pointer;text-align:left;box-shadow:0 14px 30px -12px #1e1a174d;animation:g-up .4s var(--ease-out)}.has-bar .g-status{bottom:calc(80px + env(safe-area-inset-bottom))}.g-status>span:nth-child(2){flex:1;font-size:13px;color:var(--g-ink-2)}.g-status b{display:block;font-size:14.5px;color:var(--g-ink)}.g-ring{width:34px;height:34px;border-radius:50%;flex:none;background:conic-gradient(var(--saf) calc(var(--p) * 360deg),var(--g-mist) 0);position:relative}.g-ring:after{content:"";position:absolute;inset:5px;border-radius:50%;background:#fff}.g-status.s-served .g-ring{background:var(--leaf)}.g-status.s-placed .g-ring:before{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--saf);opacity:0;animation:g-ping 1.6s infinite}@keyframes g-ping{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.3);opacity:0}}@keyframes g-up{0%{transform:translateY(16px);opacity:0}}.g-sheet{position:absolute;inset:0;z-index:20;pointer-events:none}.g-scrim{position:absolute;inset:0;background:#180e0a73;opacity:0;transition:opacity .3s}.g-panel{position:absolute;left:0;right:0;bottom:0;max-height:92%;overflow-y:auto;overscroll-behavior:contain;background:#fff;border-radius:26px 26px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));transform:translateY(102%);transition:transform .42s var(--ease-out)}.g-sheet.on{pointer-events:auto}.g-sheet.on .g-scrim{opacity:1}.g-sheet.on .g-panel{transform:none}.g-ph{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.g-ph h3{font-size:21px;font-weight:700;letter-spacing:-.025em}.g-ph p{font-size:13px;color:var(--g-ink-3);margin-top:2px}.g-item{margin:-18px -16px calc(-18px - env(safe-area-inset-bottom))}.g-item-art{position:relative;background:var(--g-mist);padding:22px 70px 18px;border-radius:26px 26px 0 0}.g-item-art .plate{max-width:230px;margin:0 auto;filter:drop-shadow(0 18px 24px rgba(60,30,10,.16))}.g-x{position:absolute;top:14px;right:14px;background:#fff}.g-item-b{padding:18px 16px 8px}.g-item-b h3{font-size:23px;font-weight:700;letter-spacing:-.025em}.g-mins{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:var(--g-ink-3);margin-left:auto}.g-grp{border:0;margin:20px 0 0;padding:0}.g-grp legend{display:flex;justify-content:space-between;width:100%;font-weight:650;font-size:15px;margin-bottom:6px}.g-grp legend small{font-weight:500;font-size:12.5px;color:var(--g-ink-3)}.g-opt{position:relative;display:flex;align-items:center;gap:12px;min-height:48px;padding:0 2px;border-bottom:1px solid var(--g-line);cursor:pointer;font-size:14.5px}.g-opt:last-child{border-bottom:0}.g-opt input{position:absolute;left:2px;top:50%;width:1px;height:1px;opacity:0}.g-opt-i{width:20px;height:20px;flex:none;border:2px solid #CFC5BA;border-radius:50%;display:grid;place-items:center;transition:border-color .15s}.g-opt input[type=checkbox]+.g-opt-i{border-radius:6px}.g-opt input:checked+.g-opt-i{border-color:var(--tam)}.g-opt input:checked+.g-opt-i:after{content:"";width:10px;height:10px;border-radius:inherit;background:var(--tam)}.g-opt input[type=checkbox]:checked+.g-opt-i:after{border-radius:2px}.g-opt input:focus-visible+.g-opt-i{outline:2.5px solid var(--saf);outline-offset:2px}.g-opt-n{flex:1}.g-opt-p{color:var(--g-ink-3);font-size:13.5px}.g-item-f{position:sticky;bottom:0;display:flex;gap:10px;padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--g-line)}.g-cta{flex:1;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:0 18px;border-radius:14px;border:0;background:var(--tam);color:#fff;font-weight:650;font-size:15.5px;cursor:pointer;width:100%}.g-cta span{font-variant-numeric:tabular-nums}.g-btn2{min-height:52px;padding:0 18px;border-radius:14px;border:1px solid var(--g-line);background:#fff;font-weight:650;color:var(--g-ink);cursor:pointer}.g-lines{list-style:none;margin:0;padding:0}.g-lines li{display:flex;align-items:flex-start;gap:10px;padding:12px 0;border-bottom:1px solid var(--g-line)}.g-lines li .fm{margin-top:3px}.g-lines li>div:first-of-type{flex:1;min-width:0}.g-lines b{display:block;font-weight:600;font-size:14.5px}.g-lines small{display:block;font-size:12.5px;color:var(--g-ink-3);margin-top:1px}.g-lines div>span{display:block;font-size:13.5px;margin-top:3px;font-variant-numeric:tabular-nums}.g-lines .g-step{height:34px;box-shadow:none}.g-lines .g-step button{height:34px;width:32px}.g-lines-ro li{padding:10px 0}.g-note{display:grid;gap:6px;margin-top:16px;font-size:13.5px;font-weight:600}.g-note textarea{font:inherit;font-weight:400;font-size:14.5px;padding:10px 12px;border-radius:12px;border:1px solid var(--g-line);background:var(--g-mist);resize:none;color:var(--g-ink)}.g-billsum{margin:16px 0 0;padding:12px 14px;border-radius:14px;background:var(--g-mist);font-size:14px}.g-billsum div{display:flex;justify-content:space-between;padding:3px 0}.g-billsum dt{color:var(--g-ink-2)}.g-billsum dd{margin:0;font-variant-numeric:tabular-nums}.g-billsum .tot{margin-top:6px;padding-top:9px;border-top:1px dashed #DCD3C9;font-weight:700;font-size:15.5px}.g-billsum .tot dt{color:var(--g-ink)}.g-sheet-f{margin-top:16px;display:grid;gap:10px}.g-sheet-f.two{grid-template-columns:auto 1fr}.g-fine{text-align:center;font-size:12px;color:var(--g-ink-3)}.g-empty{display:grid;gap:14px;justify-items:center;text-align:center;padding:24px 0 8px;color:var(--g-ink-3)}.g-track{text-align:center;padding:4px 0 8px}.g-pot{width:120px;height:120px;margin:0 auto}.g-pot svg{width:100%;height:100%}.g-steam path{fill:none;stroke:#cdbfb2;stroke-width:3.2;stroke-linecap:round;animation:g-steam 2.4s ease-in-out infinite}.g-steam path:nth-child(2){animation-delay:.4s}.g-steam path:nth-child(3){animation-delay:.8s}@keyframes g-steam{0%{opacity:0;transform:translateY(6px)}40%{opacity:1}to{opacity:0;transform:translateY(-8px)}}.s-placed .g-steam{opacity:.35}.g-flame{animation:g-flick 1s ease-in-out infinite alternate}@keyframes g-flick{to{opacity:.55}}.g-draw{stroke-dasharray:80;stroke-dashoffset:80;animation:g-draw .6s .1s var(--ease-out) forwards}@keyframes g-draw{to{stroke-dashoffset:0}}.g-track-now{margin-top:8px!important;font-size:20px;font-weight:700;letter-spacing:-.02em}.g-track-eta{margin-top:2px!important;font-size:14px;color:var(--g-ink-3)}.g-track.fresh .g-track-now{animation:g-up .5s var(--ease-out)}.g-steps{list-style:none;margin:18px 0 6px;padding:0;text-align:left;display:grid;gap:0}.g-steps li{position:relative;display:flex;align-items:center;gap:12px;padding:8px 0;font-size:14.5px;color:var(--g-ink-3)}.g-steps li:not(:last-child):after{content:"";position:absolute;left:11px;top:32px;bottom:-8px;width:2px;background:var(--g-line)}.g-steps li.done:not(:last-child):after{background:var(--leaf)}.g-steps-d{width:24px;height:24px;flex:none;border-radius:50%;border:2px solid var(--g-line);display:grid;place-items:center;background:#fff;color:#fff;position:relative;z-index:1}.g-steps li.done{color:var(--g-ink-2)}.g-steps li.done .g-steps-d{background:var(--leaf);border-color:var(--leaf)}.g-steps li.now{color:var(--g-ink);font-weight:650}.g-steps li.now .g-steps-d{border-color:var(--saf)}.g-steps li.now .g-steps-d:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--saf);animation:g-pulse 1.4s ease-in-out infinite}@keyframes g-pulse{50%{transform:scale(.6);opacity:.6}}.g-track-note{margin-top:10px!important;padding:10px 12px;border-radius:12px;background:var(--saf-soft);font-size:13.5px;color:#6e4a12}.g-svc{display:grid;gap:10px}.g-svc-b{display:flex;align-items:center;gap:14px;padding:14px;border-radius:16px;border:1px solid var(--g-line);background:#fff;text-align:left;cursor:pointer;color:var(--g-ink)}.g-svc-b b{display:block;font-size:15.5px}.g-svc-b small{display:block;font-size:13px;color:var(--g-ink-3);margin-top:1px}.g-svc-i{width:46px;height:46px;flex:none;border-radius:14px;display:grid;place-items:center;background:#f7e9ec;color:var(--tam)}.g-svc-b.wait{background:var(--saf-soft);border-color:transparent;cursor:default}.g-svc-b.wait .g-svc-i{background:#fff;color:#a6650f}.g-svc-b.ok .g-svc-i{background:#e6f2ea;color:var(--leaf)}.g-search{display:flex;align-items:center;gap:10px;padding:4px 4px 12px 12px;border-bottom:1px solid var(--g-line);margin:0 -4px;color:var(--g-ink-3)}.g-search input{flex:1;min-width:0;height:44px;border:0;font:inherit;font-size:16px;color:var(--g-ink);background:none;outline:none}.g-results .g-row{padding-left:0;padding-right:0}.g-none{padding:30px 0;text-align:center;color:var(--g-ink-3);font-size:14px}.g-toast{position:absolute;left:50%;top:18px;z-index:40;translate:-50% -140%;max-width:calc(100% - 32px);width:max-content;padding:11px 16px;border-radius:14px;background:var(--g-ink);color:#fff;font-size:13.5px;font-weight:550;line-height:1.35;box-shadow:0 12px 30px #0003;transition:translate .45s var(--ease-out),opacity .3s,visibility .45s;pointer-events:none}.d-guest .g-toast{top:58px}.g-toast{opacity:0;visibility:hidden}.g-toast.on{translate:-50% 0;opacity:1;visibility:visible}.g-splash{position:absolute;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:32px;text-align:center;background:var(--tam);color:#fff;transition:opacity .5s,transform .5s var(--ease-out)}.g-splash.out{opacity:0;transform:scale(1.04);pointer-events:none}.g-splash-tap{position:relative;width:200px;height:170px;margin-bottom:18px}.g-splash-card{position:absolute;left:20px;right:20px;top:40px;height:108px;border-radius:14px;background:linear-gradient(145deg,#1d1d20,#0f0f11);box-shadow:0 20px 40px #00000059;text-align:left;padding:16px;animation:g-cardin 1.1s .2s var(--ease-out) both}.g-splash-card span{display:block;font-family:var(--serif);font-size:24px;color:var(--saf);line-height:1}.g-splash-card small{display:block;margin-top:6px;font-size:11px;color:#ffffffa6}.g-splash-card i{position:absolute;right:16px;top:16px;width:26px;height:26px;border:2.5px solid var(--saf);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(45deg)}@keyframes g-cardin{0%{transform:translateY(70px) rotateX(35deg) scale(.9);opacity:0}}.g-splash-waves{position:absolute;left:50%;top:94px}.g-splash-waves b{position:absolute;left:-60px;top:-60px;width:120px;height:120px;border-radius:50%;border:2px solid rgba(232,163,58,.7);opacity:0;animation:g-wave 1.8s 1.1s ease-out infinite}.g-splash-waves b:nth-child(2){animation-delay:1.5s}.g-splash-waves b:nth-child(3){animation-delay:1.9s}@keyframes g-wave{0%{transform:scale(.4);opacity:.9}to{transform:scale(1.6);opacity:0}}.g-splash-k{font-size:13px;color:#ffffffb3;animation:g-up .6s 1s both}.g-splash h1{margin:2px 0 0;font-family:var(--serif);font-weight:400;font-size:64px;line-height:1;letter-spacing:-.02em;animation:g-up .7s 1.15s var(--ease-out) both}.g-splash-s{font-size:14px;color:#ffffffbf;animation:g-up .7s 1.3s var(--ease-out) both}.g-splash-go{margin-top:26px;min-height:48px;padding:0 26px;border-radius:999px;border:0;background:var(--saf);color:var(--tam);font-weight:700;font-size:15px;cursor:pointer;animation:g-up .7s 1.5s var(--ease-out) both}.k{--k-bg: #23262B;--k-col: #2C3036;--k-paper: #FFFDF6;--k-ink: #22201C;--k-mut: #9AA0A8;height:100%;display:flex;flex-direction:column;background:var(--k-bg);color:#edeef0;font-size:14px}.k.ring{animation:k-ring .9s ease-out}@keyframes k-ring{0%{box-shadow:inset 0 0 #e8a33a00}25%{box-shadow:inset 0 0 0 6px #e8a33ad9}to{box-shadow:inset 0 0 #e8a33a00}}.k-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.07)}.k-title{display:flex;align-items:center;gap:10px}.k-title b{display:block;font-size:17px;letter-spacing:-.01em}.k-title small{display:block;font-size:12px;color:var(--k-mut)}.k-ico{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--saf);color:#3b1a0e}.k-meta{display:flex;align-items:center;gap:8px}.k-sync{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--k-mut);margin-right:4px}.k-sync i{width:8px;height:8px;border-radius:50%;background:#8a8f96}.k-sync i.on{background:#3fcb7e;box-shadow:0 0 0 3px #3fcb7e33}.k-sync i.off{background:var(--saf)}.k-clock{font-variant-numeric:tabular-nums;font-size:13px;color:#c9cdd2;margin-right:4px}.k-ib{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#ffffff12;color:#e4e6e9;border:0;cursor:pointer}.k-reqs{display:none;gap:8px;padding:10px 12px 0;overflow-x:auto}.k-reqs.on{display:flex}.k-req{flex:none;display:flex;align-items:center;gap:9px;padding:6px 6px 6px 10px;border-radius:12px;background:#3a2f22;color:#fbe4be;font-size:13px;animation:g-up .35s var(--ease-out)}.k-req b{color:#fff}.k-req-i{display:grid;place-items:center;color:var(--saf)}.k-req .k-age{color:#d9b985;font-variant-numeric:tabular-nums}.k-board{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px;padding:12px;overflow-x:auto}.k-col{display:flex;flex-direction:column;min-height:0;border-radius:14px;background:var(--k-col)}.k-col h3{display:flex;align-items:center;justify-content:space-between;margin:0;padding:11px 12px 9px;font-size:13.5px;font-weight:650;color:#dde0e4}.k-col h3 span{min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:grid;place-items:center;font-size:12px;background:#ffffff14;color:#fff}.k-col[data-col=placed] h3 span{background:var(--saf);color:#3b1a0e}.k-col[data-col=ready] h3 span{background:#2e7d52}.k-list{flex:1;min-height:0;overflow-y:auto;display:grid;align-content:start;gap:10px;padding:2px 10px 12px}.k-empty{margin:8px 4px;font-size:12.5px;color:#868c94;line-height:1.45}.k-t{position:relative;border-radius:10px;background:var(--k-paper);color:var(--k-ink);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;overflow:hidden}.k-t.new{animation:k-in .6s var(--ease-out)}@keyframes k-in{0%{transform:translateY(-12px) scale(.97);opacity:0;box-shadow:0 0 0 3px var(--saf)}60%{box-shadow:0 0 0 3px var(--saf)}}.k-t:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--saf)}.k-col[data-col=cooking] .k-t:before{background:#d9822b}.k-col[data-col=ready] .k-t:before{background:#2e7d52}.k-t.late:before{background:#c0392b}.k-t header{display:flex;align-items:baseline;gap:8px;padding:12px 12px 8px;border-bottom:1.5px dashed #DCD6C8}.k-tbl{font-family:var(--sans);font-size:22px;font-weight:800;letter-spacing:-.03em}.k-no{color:#7a746a}.k-age{margin-left:auto;font-variant-numeric:tabular-nums;color:#7a746a}.k-t.late .k-age{color:#c0392b;font-weight:700}.k-t ul{list-style:none;margin:0;padding:8px 12px;display:grid;gap:6px}.k-t li{display:flex;gap:8px;line-height:1.35}.k-q{min-width:22px;height:22px;border-radius:6px;display:grid;place-items:center;background:#efe9dc;font-weight:700;flex:none}.k-t li small{display:block;color:#8a5a16;font-size:12px}.k-fm{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:1px}.k-fm.v{background:var(--leaf)}.k-fm.n{background:var(--non)}.k-note{margin:0 12px 8px;padding:7px 9px;border-radius:7px;background:#fff0c7;color:#6b4a0e;font-size:12.5px}.k-acts{display:flex;gap:6px;padding:0 10px 10px}.k-b{flex:1;min-height:38px;padding:0 10px;white-space:nowrap;border-radius:9px;border:0;background:var(--k-ink);color:#fff;font-family:var(--sans);font-weight:650;font-size:13px;cursor:pointer}.k-b-ghost{flex:0 0 auto;padding:0 9px;background:transparent;color:#8c3b2a;border:1px solid #E3C9C0}.k-b-ok{background:#2e7d52}.k-b-sm{flex:none;min-height:30px;padding:0 12px;background:var(--saf);color:#3b1a0e}.k-foot{padding:0 14px 12px;font-size:12px;color:#868c94}@media(max-width:1099.98px){.d-tablet{padding:0;border-radius:0}.k-board{grid-template-columns:repeat(3,84%);scroll-snap-type:x mandatory;scroll-padding-inline:12px}.k-col{scroll-snap-align:start}.k-sync{display:none}}@media(prefers-reduced-motion:reduce){.demo *,.demo *:before,.demo *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
