@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";:root{--brown:#70452d;--accent:#612219;--accent-dark:#4a1a14;--page:#f6f1ec;--brown-dark:#5a3623;--text:#493023;--muted:#6f655e;--border:#e7dcd4;--soft:#f7eee7;--error:#b3261e;--app-w:430px;--hero-h:clamp(300px, 52vh, 520px);--fade:56px;--font:"Roboto", "Helvetica Neue", Arial, sans-serif}@supports (height:1svh){:root{--hero-h:clamp(300px, 52svh, 520px)}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--page)}html.is-locked,html.is-locked body{overflow:hidden}body{background:var(--page);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;padding-bottom:0;font-size:16px;line-height:1.45}html,body,#root{font-family:var(--font)}button,input,select,textarea{font:inherit;color:inherit}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{width:100%;max-width:var(--app-w);background:var(--page);min-height:100dvh;margin-inline:auto;position:relative;overflow-x:clip}.hero{width:100%;height:var(--hero-h);z-index:0;background:0 0;margin-inline:auto;position:relative;overflow:hidden}.hero__stage{touch-action:none;cursor:grab;position:absolute;inset:0 0 16%}.hero__stage:active{cursor:grabbing}.hero__stage canvas{display:block;width:100%!important;height:100%!important}.hero__loading{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.hero__dot{background:var(--brown);opacity:.35;border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite pulse}.hero__fallback{text-align:center;color:var(--brown);letter-spacing:.02em;place-items:center;padding:24px 24px 90px;font-size:1.25rem;font-weight:700;display:grid;position:absolute;inset:0}.hero__blur{pointer-events:none;position:absolute;bottom:0;left:0;right:0}.hero__blur--1{-webkit-backdrop-filter:blur(2px);height:42%;-webkit-mask-image:linear-gradient(#0000 0%,#000 55%);mask-image:linear-gradient(#0000 0%,#000 55%)}.hero__blur--2{-webkit-backdrop-filter:blur(6px);height:32%;-webkit-mask-image:linear-gradient(#0000 0%,#000 60%);mask-image:linear-gradient(#0000 0%,#000 60%)}.hero__blur--3{-webkit-backdrop-filter:blur(14px);height:22%;-webkit-mask-image:linear-gradient(#0000 0%,#000 65%);mask-image:linear-gradient(#0000 0%,#000 65%)}.hero__fade{pointer-events:none;background:linear-gradient(to bottom, #f6f1ec00 0%, #f6f1ec99 60%, var(--page) 100%);height:34%;position:absolute;bottom:0;left:0;right:0}.sheet{z-index:2;margin-top:calc(var(--fade) * -1);pointer-events:none;padding:0;position:relative}.sheet__inner{pointer-events:none}.sheet .order{pointer-events:auto}@keyframes pulse{50%{opacity:.9;transform:scale(1.25)}}.spinner{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner,.hero__dot{animation-duration:2.4s}}.order{background:#fff;border-radius:24px 24px 0 0;flex-direction:column;gap:28px;width:100%;margin-bottom:0;padding:30px 16px 0;display:flex;box-shadow:0 1px #00000008,0 18px 48px -18px #46281447,0 2px 10px #4628140f}.order__title{color:var(--text);letter-spacing:-.02em;margin:0;font-size:1.9rem;font-weight:700;line-height:1.1}.order__hotline{color:var(--text);margin:-16px 0 0;font-size:.95rem;font-weight:600}.order__hotline a{color:inherit;text-decoration:none}.field{border:0;flex-direction:column;gap:10px;min-width:0;margin:0;padding:0;display:flex}.label{color:var(--text);padding:0;font-size:.95rem;font-weight:600}.label__hint{color:var(--muted);font-size:.85rem;font-weight:400}.control{align-items:center;display:flex;position:relative}.control__icon{color:var(--muted);pointer-events:none;position:absolute;left:16px}.control__icon--top{top:17px}.control__chevron{color:var(--muted);pointer-events:none;position:absolute;right:16px}.control input,.control select,.control textarea{border:1.5px solid var(--border);appearance:none;background:#fff;border-radius:16px;width:100%;min-height:56px;padding:14px 16px 14px 48px;font-size:1rem;transition:border-color .15s,box-shadow .15s}.control textarea{resize:vertical;min-height:104px;line-height:1.45}.control select{cursor:pointer;padding-right:44px}.control select.is-placeholder{color:#8a817b}.control input::placeholder,.control textarea::placeholder{color:#9b918a}.control input:focus-visible,.control select:focus-visible,.control textarea:focus-visible{border:1px solid var(--accent);outline:none;box-shadow:0 0 0 2px #6122192e}.control :disabled{opacity:.65}.field--invalid .control input,.field--invalid .control select,.field--invalid .control textarea{border-color:var(--error)}.field__error{color:var(--error);align-items:flex-start;gap:6px;margin:0;font-size:.88rem;font-weight:500;display:flex}.field__error svg{flex:none;margin-top:2px}.counter{text-align:right;color:var(--muted);margin:-20px 4px 0 0;font-size:.8rem}.qty{align-items:center;gap:16px;display:flex}.qty__btn{border:1.5px solid var(--accent);width:54px;height:54px;color:var(--accent);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:50%;place-items:center;transition:background .15s;display:grid}.qty__btn:hover:not(:disabled){background:#fdeee4}.qty__btn:disabled{border-color:var(--border);color:var(--muted);opacity:.6;cursor:not-allowed}.qty__btn:focus-visible{outline-offset:2px;outline:3px solid #d2500a73}.qty__value{text-align:center;min-width:48px;color:var(--text);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:700}.qty__unit{color:var(--muted)}.seg{grid-template-columns:1fr 1fr;gap:12px;display:grid}.seg__opt{cursor:pointer;display:block;position:relative}.seg__opt input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.seg__box{border:1.5px solid var(--border);min-height:58px;color:var(--text);background:#fff;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:flex}.seg__tick{display:none}.seg__opt input:checked+.seg__box{background:var(--accent);border-color:var(--accent);color:#fff}.seg__opt input:checked+.seg__box .seg__tick{display:block}.seg__opt input:focus-visible+.seg__box{outline-offset:2px;outline:3px solid #d2500a73}.seg__opt input[aria-invalid=true]+.seg__box{border-color:var(--error)}.fulfil:disabled{opacity:.65}.summary{background:var(--soft);border:1px solid var(--border);border-radius:20px;padding:18px 18px 16px}.summary__title{color:var(--muted);margin:0 0 12px;font-size:.9rem;font-weight:600}.summary__rows{gap:8px;margin:0;font-size:.95rem;display:grid}.summary__rows>div{justify-content:space-between;gap:12px;display:flex}.summary__rows dt{color:var(--muted)}.summary__rows dd{text-align:right;margin:0;font-weight:600}.summary__total{border-top:1px dashed #d6c7bc;justify-content:space-between;align-items:baseline;gap:12px;margin-top:14px;padding-top:14px;display:flex}.summary__total span{font-size:.95rem}.summary__total strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:1.4rem}.summary__note{color:var(--muted);margin:10px 0 0;font-size:.85rem}.btn{cursor:pointer;touch-action:manipulation;border:1.5px solid #0000;border-radius:18px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:58px;padding:14px 18px;font-size:1.05rem;font-weight:700;transition:background .15s,transform 50ms;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-dark)}.btn--primary:disabled{color:#fff;cursor:not-allowed;background:#e7cdbd}.btn:focus-visible{outline-offset:3px;outline:3px solid #d2500a80}.loading{align-items:center;gap:10px;display:inline-flex}.banner{border-radius:16px;align-items:flex-start;gap:10px;padding:14px 16px;font-size:.95rem;font-weight:500;display:flex}.banner--error{color:#8c1d16;background:#fdf0ee;border:1px solid #f1c4bf}.banner svg{flex:none;margin-top:2px}.status{text-align:center;color:var(--muted);min-height:1.2em;margin:-14px 0 0;font-size:.9rem}.fine{text-align:center;color:var(--muted);margin:-14px 0 0;font-size:.85rem}.gate{text-align:center;color:var(--muted);margin:-14px 0 0;font-size:.88rem}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.receipt-overlay{--g1:#fffdf9;--g3:#ece6e0;--g8:#8b8279;--g11:#5b534c;--g12:#17130f;--green:#30a46c;--ease:cubic-bezier(.23,1,.32,1);z-index:50;overscroll-behavior:contain;-webkit-backdrop-filter:blur(6px)saturate(1.1);backdrop-filter:blur(6px)saturate(1.1);padding:calc(18px + env(safe-area-inset-top)) 18px calc(28px + env(safe-area-inset-bottom));background:#0009;display:flex;position:fixed;inset:0;overflow-y:auto}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.receipt-overlay{background:#000000d9}}.receipt-stack{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:24rem;margin:auto;display:flex}.rp{isolation:isolate;flex-direction:column;align-items:center;width:100%;max-width:24rem;display:flex;position:relative}.rp-machine{--printer-inset:.75rem;--printer-radius:1.5rem;--printer-inner-radius:calc(var(--printer-radius) - var(--printer-inset));isolation:isolate;border-radius:var(--printer-radius);border:1px solid var(--g12);background:color-mix(in oklab, var(--g11) 30%, var(--g12));width:100%;padding:var(--printer-inset);box-shadow:0 20px 36px -20px color-mix(in oklab, var(--g12) 55%, transparent), 0 6px 14px -8px color-mix(in oklab, var(--g12) 24%, transparent), inset 0 1px 0 color-mix(in oklab, var(--g1) 14%, transparent), inset 0 -1px 0 color-mix(in oklab, var(--g12) 55%, transparent);padding-bottom:2rem;position:relative;overflow:hidden}.rp-machine:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;background:url(/textures/plastic-noise.svg) repeat / 180px 180px;opacity:.3;mix-blend-mode:multiply;position:absolute;inset:0}.rp-slot{left:1.5rem;right:1.5rem;bottom:var(--printer-inset);z-index:40;border:1px solid var(--g12);background:var(--g12);height:.5rem;box-shadow:inset 0 2px 3px var(--g12);border-radius:.25rem;position:absolute}.rp-header{z-index:10;justify-content:space-between;align-items:flex-start;height:2.75rem;display:flex;position:relative}.rp-brand{color:var(--g1);letter-spacing:.06em;text-transform:uppercase;padding-top:.35rem;padding-left:.25rem;font-size:.8rem;font-weight:700}.rp-screen{z-index:10;isolation:isolate;border-radius:var(--printer-inner-radius);border:1px solid var(--g12);background:var(--g12);color:var(--g1);box-shadow:inset 0 1px 6px color-mix(in oklab, var(--g12) 80%, transparent);padding:1rem;position:relative;overflow:hidden}.rp-screen:after{content:"";z-index:20;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 24px 4px color-mix(in oklab, var(--g12) 52%, transparent);position:absolute;inset:0}.rp-screen__inner{z-index:10;position:relative}.rp-screen__rows{gap:1rem;display:grid}.rp-screen__line{justify-content:space-between;gap:12px;font-size:.95rem;display:flex}.rp-screen__line p{margin:0}.rp-status{align-items:center;gap:.5rem;min-width:0;display:flex}.rp-indicator{flex:none;place-items:center;width:1.25rem;height:1.25rem;display:grid;position:relative}.rp-indicator__icon{color:var(--g8);grid-area:1/1;place-items:center;display:grid}.rp-indicator__icon--done{color:var(--green)}.rp-spin{animation:1s linear infinite rp-spin}@keyframes rp-spin{to{transform:rotate(360deg)}}.rp-status__text{flex:1;align-items:center;min-width:0;display:grid}.rp-status__label{text-overflow:ellipsis;white-space:nowrap;color:var(--g8);grid-area:1/1;font-size:.8rem;font-weight:500;line-height:1;overflow:hidden}.rp-output{z-index:50;width:calc(80% + 3rem);max-width:100%;margin-top:-1rem;padding:0 1.5rem 14px;position:relative;overflow:hidden}.rp-output__shade{pointer-events:none;z-index:20;background:color-mix(in oklab, var(--g12) 75%, transparent);filter:blur(6px);height:.5rem;position:absolute;top:-.25rem;left:1.5rem;right:1.5rem}.rp-feed{isolation:isolate;position:relative}.rp-feed:before{content:"";z-index:0;pointer-events:none;box-shadow:0 8px 24px color-mix(in oklab, var(--g12) 24%, transparent);border-radius:2px;position:absolute;inset:.75rem .75rem 1rem}.rp-paper{z-index:10;min-height:20rem;color:var(--g12);background-blend-mode:soft-light;background:#fffdf8 url(/textures/receipt-paper.svg) 50%/cover;padding:1.75rem 1.25rem 2rem;font-family:ui-monospace,SF Mono,Menlo,Consolas,Courier New,monospace;font-size:.8125rem;line-height:1.5;position:relative}.r-head{text-align:center}.r-head h2{letter-spacing:.04em;margin:0;font-size:1rem;line-height:1.25}.r-head p{letter-spacing:.12em;margin:4px 0 0;font-size:.75rem}.r-rule{border:0;border-top:1.5px dashed #8d7a6c;margin:12px 0}.r-sec{letter-spacing:.12em;margin:14px 0 4px;font-size:.75rem;font-weight:700}.r-row{justify-content:space-between;gap:12px;padding:1px 0;display:flex}.r-row>span:first-child{color:#6a5547;flex:none}.r-row__v{text-align:right;overflow-wrap:anywhere;font-weight:600}.r-block{overflow-wrap:anywhere;margin:0;font-weight:600}.r-block--notes{white-space:pre-wrap;font-weight:400}.r-total{justify-content:space-between;align-items:baseline;gap:10px;font-size:.95rem;display:flex}.r-total strong{white-space:nowrap;font-size:1.1rem}.r-status{text-align:center;letter-spacing:.08em;border:1.5px solid var(--g12);margin:12px 0 0;padding:4px 6px;font-weight:700}.r-fine{text-align:center;color:#6a5547;margin:8px 0 0;font-size:.75rem}.r-thanks{text-align:center;margin:10px 0 0;font-weight:600}.receipt-actions{--accent:#000;--accent-dark:#1f1f1f;gap:10px;width:100%;animation:.35s ease-out rise;display:grid}.receipt-actions[hidden]{display:none}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.rp-spin,.receipt-actions{animation:none}}