@layer components{.diner{--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-swing:cubic-bezier(.34, 1.56, .64, 1);--lift:0 1px 1px color-mix(in oklch, var(--shadow) 18%, transparent), 0 6px 14px -6px color-mix(in oklch, var(--shadow) 30%, transparent), 0 22px 40px -24px color-mix(in oklch, var(--shadow) 45%, transparent);isolation:isolate;background:var(--counter);min-height:100dvh;color:var(--foreground);font-family:var(--font-franklin), ui-sans-serif, system-ui, sans-serif;font-feature-settings:"tnum" 0;--font-headline:var(--font-gothic);--font-label:var(--font-franklin);position:relative;overflow-x:clip}.diner:before{content:"";z-index:-1;pointer-events:none;background:var(--counter-fleck);opacity:.32;position:fixed;inset:0;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill='none' stroke='currentColor' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M30 52 q22 -30 44 -6 q-20 -10 -30 18z'/%3E%3Cpath d='M170 38 q30 6 26 38 q-8 -20 -32 -22z'/%3E%3Cpath d='M96 150 q-10 30 22 40 q-14 -16 -8 -36z'/%3E%3Cpath d='M200 176 q26 -18 40 10 q-18 -12 -34 2z'/%3E%3Cpath d='M40 214 q18 12 6 34'/%3E%3C/g%3E%3Cg%3E%3Ccircle cx='120' cy='70' r='2.4'/%3E%3Ccircle cx='60' cy='120' r='1.6'/%3E%3Ccircle cx='230' cy='110' r='2'/%3E%3Ccircle cx='150' cy='240' r='1.8'/%3E%3Ccircle cx='16' cy='170' r='2.2'/%3E%3Ccircle cx='180' cy='130' r='1.4'/%3E%3Crect x='136' y='196' width='7' height='2.4' rx='1' transform='rotate(30 140 197)'/%3E%3Crect x='80' y='20' width='6' height='2.4' rx='1' transform='rotate(-40 83 21)'/%3E%3Crect x='236' y='240' width='7' height='2.4' rx='1' transform='rotate(70 240 241)'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill='none' stroke='currentColor' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M30 52 q22 -30 44 -6 q-20 -10 -30 18z'/%3E%3Cpath d='M170 38 q30 6 26 38 q-8 -20 -32 -22z'/%3E%3Cpath d='M96 150 q-10 30 22 40 q-14 -16 -8 -36z'/%3E%3Cpath d='M200 176 q26 -18 40 10 q-18 -12 -34 2z'/%3E%3Cpath d='M40 214 q18 12 6 34'/%3E%3C/g%3E%3Cg%3E%3Ccircle cx='120' cy='70' r='2.4'/%3E%3Ccircle cx='60' cy='120' r='1.6'/%3E%3Ccircle cx='230' cy='110' r='2'/%3E%3Ccircle cx='150' cy='240' r='1.8'/%3E%3Ccircle cx='16' cy='170' r='2.2'/%3E%3Ccircle cx='180' cy='130' r='1.4'/%3E%3Crect x='136' y='196' width='7' height='2.4' rx='1' transform='rotate(30 140 197)'/%3E%3Crect x='80' y='20' width='6' height='2.4' rx='1' transform='rotate(-40 83 21)'/%3E%3Crect x='236' y='240' width='7' height='2.4' rx='1' transform='rotate(70 240 241)'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-size:260px;mask-size:260px}.gothic,.diner h1,.diner h2,.diner h3{font-family:var(--font-gothic), "Arial Narrow", sans-serif;letter-spacing:.005em;text-transform:uppercase;font-weight:400;line-height:.9}.hand{--font-label:var(--font-hand);font-family:var(--font-hand), "Comic Sans MS", cursive;color:var(--pen);letter-spacing:0;text-transform:none}.sign{font-family:var(--font-sign), cursive;text-transform:none;letter-spacing:0;font-weight:400}.print{font-family:var(--font-franklin), sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--paper-ink);font-size:.625rem;font-weight:700;line-height:1}.num{font-variant-numeric:tabular-nums}.masthead{border-bottom:3px double color-mix(in oklch, var(--foreground) 70%, transparent)}.brand{font-family:var(--font-sign), cursive;color:var(--stamp);text-shadow:1px 1px 0 color-mix(in oklch, var(--stamp) 35%, var(--counter));font-size:2rem;line-height:1;display:inline-block;transform:rotate(-4deg)}.btn{--font-label:var(--font-gothic);min-height:2.75rem;font-family:var(--font-gothic), sans-serif;letter-spacing:.04em;text-transform:uppercase;transition:transform .12s var(--ease-out), box-shadow .12s var(--ease-out), background-color .16s;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:3px;justify-content:center;align-items:center;gap:.5rem;padding:.55rem 1.15rem .45rem;font-size:1.35rem;line-height:1;display:inline-flex}.btn:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.btn:disabled{opacity:.5;pointer-events:none}.btn-red{background:var(--primary);color:var(--primary-foreground);box-shadow:0 3px 0 color-mix(in oklch, var(--primary) 62%, black), 0 8px 16px -8px color-mix(in oklch, var(--shadow) 60%, transparent)}.btn-red:hover{background:color-mix(in oklch, var(--primary) 92%, black)}.btn-red:active{box-shadow:0 0 0 color-mix(in oklch, var(--primary) 62%, black);transform:translateY(3px)}.btn-line{background:0 0;border:2px solid}.btn-line:hover{background:color-mix(in oklch, currentColor 8%, transparent)}.btn-line:active{transform:translateY(2px)}.btn-sm{min-height:2.25rem;padding:.4rem .8rem .3rem;font-size:1.1rem}.linkish{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.check{background:var(--paper);color:var(--card-foreground);box-shadow:var(--lift);border-radius:2px;position:relative}.check-pad:before{content:"";background:repeating-linear-gradient(90deg, color-mix(in oklch, var(--paper-edge) 100%, transparent) 0 3px, transparent 3px 7px);border-bottom:1px solid var(--paper-edge);height:7px;position:absolute;inset:0 0 auto}.check-ink{color:var(--paper-ink);border-color:var(--paper-ink)}.check-title{font-family:var(--font-gothic), sans-serif;color:var(--paper-ink);letter-spacing:.06em;text-transform:uppercase;line-height:1}.check-no{font-family:var(--font-gothic), sans-serif;color:var(--stamp);letter-spacing:.08em;font-variant-numeric:tabular-nums;line-height:1}.boxes{border:1.5px solid var(--paper-ink);display:grid}.boxes>*{border-color:var(--paper-ink);min-width:0;padding:.35rem .5rem .4rem}.boxes>*+*{border-left:1px solid var(--paper-ink)}.lines{border-top:1.5px solid var(--paper-ink)}.line{border-bottom:1px solid var(--paper-rule);grid-template-columns:2.4rem minmax(0,1fr) 4.6rem 2.1rem;align-items:center;min-height:3.1rem;display:grid}.line>*{min-width:0}.line-seat{border-right:1px solid var(--paper-rule);align-self:stretch;place-items:center;display:grid}.line-dollars{border-left:1px solid var(--paper-ink);justify-content:flex-end;align-self:stretch;align-items:center;padding-right:.35rem;display:flex}.line-cents{border-left:1px solid color-mix(in oklch, var(--stamp) 70%, transparent);justify-content:center;align-self:stretch;align-items:center;display:flex}.line-head{border-bottom:1.5px solid var(--paper-ink);min-height:1.6rem}@media (min-width:640px){.line{grid-template-columns:2.8rem minmax(0,1fr) 5.6rem 2.4rem}}.circled{padding:.1em .45em;display:inline-block;position:relative}.circled:after{content:"";opacity:.85;pointer-events:none;border:2px solid;border-radius:52% 46% 50% 44%/58% 50% 46% 52%;position:absolute;inset:-.12em -.1em -.05em -.2em;transform:rotate(-3deg)}.seat{width:1.7rem;height:1.7rem;font-family:var(--font-hand), cursive;color:var(--pen);border:1.5px solid;border-radius:50% 46% 52% 48%;place-items:center;font-size:.95rem;font-weight:700;line-height:1;display:inline-grid}.struck{text-decoration:line-through;-webkit-text-decoration-color:var(--pen);text-decoration-color:var(--pen);text-decoration-thickness:1.5px}.perf{border-top:2px dotted color-mix(in oklch, var(--paper-ink) 55%, transparent);height:0;position:relative}.perf:before,.perf:after{content:"";background:var(--counter);border-radius:50%;width:14px;height:14px;position:absolute;top:-8px}.perf:before{left:-7px}.perf:after{right:-7px}.stub{background:var(--paper);color:var(--card-foreground);box-shadow:var(--lift);border-radius:2px;position:relative;-webkit-mask:radial-gradient(4px at 50% 0,#0000 97%,#000) top/12px 51% repeat-x,radial-gradient(4px at 50% 100%,#0000 97%,#000) bottom/12px 51% repeat-x;mask:radial-gradient(4px at 50% 0,#0000 97%,#000) top/12px 51% repeat-x,radial-gradient(4px at 50% 100%,#0000 97%,#000) bottom/12px 51% repeat-x}.stub.tearing{animation:tear .7s .52s var(--ease-out) forwards}@keyframes tear{30%{transform:rotate(-2deg)translateY(-4px)}to{opacity:0;transform:rotate(9deg)translate(40px,120px)}}.stamp{font-family:var(--font-gothic), sans-serif;text-transform:uppercase;letter-spacing:.12em;color:var(--stamp);opacity:.88;mix-blend-mode:multiply;border:3px solid;border-radius:4px;padding:.18em .4em .08em;line-height:1;display:inline-block;transform:rotate(-9deg);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -2.2 1.75'/%3E%3C/filter%3E%3Crect width='90' height='90' filter='url(%23n)'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -2.2 1.75'/%3E%3C/filter%3E%3Crect width='90' height='90' filter='url(%23n)'/%3E%3C/svg%3E")}.stamp-green{color:var(--owed)}.stamp.thump{animation:thump .42s var(--ease-out) both}@keyframes thump{0%{opacity:0;transform:rotate(-16deg)scale(2.4)}60%{opacity:.95;transform:rotate(-8deg)scale(.94)}to{opacity:.88;transform:rotate(-9deg)scale(1)}}.ring-stain{pointer-events:none;color:color-mix(in oklch, var(--counter-fleck) 70%, var(--shadow));opacity:.35;position:absolute}.rail{background:linear-gradient(180deg, color-mix(in oklch, var(--rail) 55%, white) 0%, var(--rail) 45%, color-mix(in oklch, var(--rail) 70%, black) 100%);height:16px;box-shadow:0 6px 10px -6px color-mix(in oklch, var(--shadow) 70%, transparent);border-radius:3px;position:relative}.rail-lip{background:color-mix(in oklch, var(--rail) 55%, black);border-radius:0 0 2px 2px;height:3px;position:absolute;inset:auto 0 -3px}.ticket{--r:0deg;transform-origin:50% -10px;transform:rotate(var(--r));transition:transform .42s var(--ease-swing);animation:swing 1.4s var(--ease-out) both;animation-delay:calc(var(--i,0) * 90ms);display:block;position:relative}.ticket:hover,.ticket:focus-visible{transform:rotate(0)translateY(4px)}.ticket:focus-visible{outline:none}.ticket:focus-visible .check{outline:2px solid var(--ring);outline-offset:3px}@keyframes swing{0%{transform:rotate(calc(var(--r) + 7deg))}35%{transform:rotate(calc(var(--r) - 3deg))}65%{transform:rotate(calc(var(--r) + 1.2deg))}to{transform:rotate(var(--r))}}.clip{background:linear-gradient(180deg, color-mix(in oklch, var(--rail) 40%, white), color-mix(in oklch, var(--rail) 85%, black));width:34px;height:18px;box-shadow:0 2px 3px color-mix(in oklch, var(--shadow) 40%, transparent);z-index:2;border-radius:3px 3px 6px 6px;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.menu{background:var(--secondary);color:var(--secondary-foreground);box-shadow:inset 0 0 0 6px color-mix(in oklch, var(--secondary) 80%, black), inset 0 0 0 7px color-mix(in oklch, var(--secondary-foreground) 25%, transparent), var(--lift);border-radius:4px}.felt{pointer-events:none;background:repeating-linear-gradient(180deg, transparent 0 13px, color-mix(in oklch, var(--secondary) 80%, black) 13px 15px);opacity:.5;position:absolute;inset:7px}.leader{border-bottom:2px dotted color-mix(in oklch, currentColor 45%, transparent);flex:1;min-width:1.5rem;transform:translateY(-.35em)}.field{border:0;border-bottom:1.5px solid var(--paper-rule);width:100%;min-width:0;height:2.75rem;font-family:var(--font-hand), cursive;color:var(--pen);background:0 0;border-radius:0;outline:none;padding:.35rem .1rem .15rem;font-size:1.25rem;transition:border-color .15s}.field::placeholder{color:color-mix(in oklch, var(--pen) 40%, transparent)}.field:focus{border-bottom-color:var(--pen)}select.field{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--paper-ink) 50%), linear-gradient(135deg, var(--paper-ink) 50%, transparent 50%);background-position:calc(100% - 14px) 55%,calc(100% - 9px) 55%;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:1.5rem}.tick{cursor:pointer;color:var(--paper-ink);align-items:center;gap:.45rem;padding:.3rem .1rem;font-size:.85rem;font-weight:600;display:inline-flex}.tick-box{border:1.5px solid var(--paper-ink);flex-shrink:0;width:1.05rem;height:1.05rem;display:inline-block;position:relative}.tick[aria-pressed=true] .tick-box:after{content:"";border:solid var(--pen);border-width:0 2.5px 2.5px 0;border-radius:0 0 2px;width:.5rem;height:1.05rem;position:absolute;top:-.35rem;left:.12rem;transform:rotate(40deg)}.seg{border:1.5px solid var(--paper-ink);display:inline-flex}.seg button{--font-label:var(--font-gothic);font-family:var(--font-gothic), sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--paper-ink);padding:.35rem .7rem .25rem;font-size:1.05rem}.seg button+button{border-left:1.5px solid var(--paper-ink)}.seg button[aria-pressed=true]{background:var(--paper-ink);color:var(--paper)}.write{animation:write .65s var(--ease-out) both;animation-delay:calc(var(--i,0) * .11s + .2s)}@keyframes write{0%{clip-path:inset(-20% 100% -20% 0)}to{clip-path:inset(-20% 0)}}.drop{animation:drop .7s var(--ease-out) both;animation-delay:calc(var(--i,0) * 80ms)}@keyframes drop{0%{opacity:0;transform:translateY(-18px) rotate(var(--r,0deg))}to{opacity:1;transform:translateY(0) rotate(var(--r,0deg))}}.sheet-overlay{z-index:50;background:color-mix(in oklch, var(--overlay-scrim) 62%, transparent);position:fixed;inset:0}.sheet-overlay[data-state=open]{animation:.2s ease-out fade-in}.sheet-overlay[data-state=closed]{animation:.16s ease-in fade-out}.sheet{z-index:51;overscroll-behavior:contain;background:var(--paper);max-height:92dvh;color:var(--card-foreground);box-shadow:0 -20px 60px -20px color-mix(in oklch, var(--overlay-scrim) 80%, transparent);padding-bottom:env(safe-area-inset-bottom);border-radius:6px 6px 0 0;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.sheet[data-state=open]{animation:sheet-up .38s var(--ease-out)}.sheet[data-state=closed]{animation:.2s ease-in sheet-down}@media (min-width:640px){.sheet{border-radius:2px;width:min(540px,100vw - 48px);max-height:min(90dvh,840px);inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(-.6deg)}.sheet[data-state=open]{animation:slap .34s var(--ease-out)}.sheet[data-state=closed]{animation:.16s ease-in pop-out}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes sheet-down{to{transform:translateY(100%)}}@keyframes slap{0%{opacity:0;transform:translate(-50%,-38%)rotate(-5deg)}}@keyframes pop-out{to{opacity:0;transform:translate(-50%,-46%)rotate(-2deg)}}.diner-toast{font-family:var(--font-franklin), sans-serif!important;border-radius:2px!important}@media (prefers-reduced-motion:reduce){.diner *,.diner :before,.diner :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}}}
@font-face{font-family:gothic;src:url(../media/league_gothic-s.p.2kkly7f0zz5fa.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:gothic Fallback;src:local(Arial);ascent-override:163.28%;descent-override:39.24%;line-gap-override:0.0%;size-adjust:59.25%}.gothic_1268ee98-module__q2f09G__className{font-family:gothic,gothic Fallback;font-weight:400}.gothic_1268ee98-module__q2f09G__variable{--font-gothic:"gothic", "gothic Fallback"}
@font-face{font-family:franklin;src:url(../media/libre_franklin-s.p.227r8ejul874g.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:franklin Fallback;src:local(Arial);ascent-override:94.14%;descent-override:23.97%;line-gap-override:0.0%;size-adjust:102.61%}.franklin_1b6bc045-module__8r02dG__className{font-family:franklin,franklin Fallback}.franklin_1b6bc045-module__8r02dG__variable{--font-franklin:"franklin", "franklin Fallback"}
@font-face{font-family:hand;src:url(../media/kalam_400-s.p.1xuyavnr-8o1k.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:hand;src:url(../media/kalam_700-s.p.3p08-1dmxavj4.woff2)format("woff2");font-display:swap;font-weight:700}@font-face{font-family:hand Fallback;src:local(Arial);ascent-override:110.75%;descent-override:55.32%;line-gap-override:0.0%;size-adjust:95.98%}.hand_f505dc34-module__FWBrra__className{font-family:hand,hand Fallback}.hand_f505dc34-module__FWBrra__variable{--font-hand:"hand", "hand Fallback"}
@font-face{font-family:sign;src:url(../media/yellowtail-s.p.19snpbqb0f7de.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:sign Fallback;src:local(Arial);ascent-override:131.24%;descent-override:40.69%;line-gap-override:12.13%;size-adjust:74.04%}.sign_31e60c9f-module__cNsSiq__className{font-family:sign,sign Fallback;font-weight:400}.sign_31e60c9f-module__cNsSiq__variable{--font-sign:"sign", "sign Fallback"}