:root{--paper: #efe4cd;--red: #c5342b;--blue: #315f9e;--ink: #2b2b2b;--typewriter: "Special Elite", "Cousine", monospace;--print: "Oswald", "Heebo", sans-serif}*{box-sizing:border-box;margin:0}body{background:#3b3833;font-family:var(--print);display:flex;justify-content:center;min-height:100dvh;padding:24px 0 32px;-webkit-text-size-adjust:100%}.loading{color:var(--paper);padding:40vh 0;letter-spacing:6px}#root{width:100%;margin:auto}.page{width:100%;max-width:420px;margin:0 auto;padding:0 10px}.switch{display:block;margin:18px auto 4px;background:var(--paper);color:var(--red);border:2px solid var(--red);border-radius:2px;padding:7px 22px;font:700 14px/1 var(--print);letter-spacing:2px;text-transform:uppercase;cursor:pointer}.telegram{background:var(--paper);background-image:radial-gradient(circle at 20% 15%,rgba(150,120,70,.18),transparent 55%),radial-gradient(circle at 85% 80%,rgba(140,110,60,.16),transparent 50%);box-shadow:0 8px 22px #00000073;padding:14px 12px 10px;color:var(--red)}.head{display:flex;align-items:baseline;justify-content:center;gap:5px;flex-wrap:wrap;text-transform:uppercase}.head-sm{font-size:15px;letter-spacing:1px}.head-lg{font-weight:700;font-size:30px;letter-spacing:1px}.no{color:var(--blue);font-family:var(--typewriter);font-size:17px;letter-spacing:2px;margin:12px 0 6px}.terms{font-size:9.5px;line-height:1.35;text-align:center;text-transform:uppercase;border-top:1px solid var(--red);border-bottom:1px solid var(--red);padding:5px 2px}.grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--red);border-width:0 1px 1px 1px;margin-top:8px}.cell{display:flex;flex-direction:column;gap:2px;padding:5px 6px;border-top:1px solid var(--red);min-width:0}.cell+.cell:nth-child(2n){border-left:1px solid var(--red)}.cell:last-child:nth-child(odd){grid-column:1 / -1}.label{font-size:9px;letter-spacing:.5px;text-transform:uppercase}.ink,.ink-sm{color:var(--blue);font-family:var(--typewriter);letter-spacing:1px}.ink{font-size:15px}.ink-sm{font-size:10px}.body{margin:14px 0 10px;color:var(--blue);font-family:var(--typewriter);font-size:13px;letter-spacing:.5px;text-align:center}.body p{border-bottom:1px dotted var(--red);padding:6px 0 4px;line-height:14px}.body p:empty:before{content:" "}.foot{display:block;font-size:9.5px;font-weight:700;letter-spacing:.5px;text-align:center;text-transform:uppercase;padding-top:6px}.adm{padding:16px 14px 14px}.adm-title{font:700 22px/1 var(--print);letter-spacing:2px;text-align:center;border-bottom:1px solid var(--red);padding-bottom:8px;margin-bottom:12px}.tabs{display:flex;gap:6px;margin-bottom:12px}.tabs a,.tabs button{flex:1;padding:7px 2px;border:2px solid var(--red);background:var(--paper);color:var(--red);font:700 11px/1 var(--print);letter-spacing:1px;text-align:center;text-decoration:none}.tabs a[data-on=true],.tabs button[data-on=true]{background:var(--red);color:var(--paper)}.stack{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.two{display:flex;gap:8px}.two input:first-child{flex:1}.two input[type=number]{width:90px}input{background:transparent;border:0;border-bottom:1px dotted var(--red);padding:6px 2px;color:var(--blue);font-family:var(--typewriter);font-size:15px;letter-spacing:1px;width:100%}input::placeholder{color:var(--red);font-family:var(--print);font-size:11px;letter-spacing:1px;opacity:.75}input[type=checkbox]{width:18px;height:18px;accent-color:var(--red);flex:0 0 auto}.row{display:flex;align-items:center;gap:8px;padding:7px 0 5px;border-bottom:1px dotted var(--red)}.row.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0;word-break:break-word}.ink[data-done=true]{text-decoration:line-through;opacity:.5}.phone{flex-basis:100%;text-decoration:none}.status,.x{background:transparent;border:1px solid var(--red);color:var(--red);font:400 10px/1 var(--print);letter-spacing:1px;padding:4px 6px;cursor:pointer;flex:0 0 auto}.status[data-ok=true]{background:var(--red);color:var(--paper)}.x{border:0;font-size:18px;line-height:1;padding:0 4px}.total{margin-top:12px;font:700 12px/1 var(--print);letter-spacing:1px;text-align:center}.err{color:var(--red);font-size:12px;letter-spacing:1px;text-align:center}.back{text-decoration:none;text-align:center;margin-top:14px}.page.wide{max-width:none;padding:0 14px}select{background:transparent;border:1px solid var(--red);color:var(--red);font:400 11px/1 var(--print);letter-spacing:1px;padding:7px 4px}.add{align-self:flex-start;background:var(--red);border:0;color:var(--paper);font:700 11px/1 var(--print);letter-spacing:2px;padding:8px 18px;cursor:pointer}.stack.two .add{align-self:auto}.export{display:block;margin:10px auto 0}.add:disabled{opacity:.4;cursor:default}.state{font-weight:700}.state.s-in-progress{border-color:#b8860b;color:#b8860b}.state.s-done{background:var(--red);color:var(--paper)}.note{flex-basis:100%;font-size:13px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:16px;background:#000000a6}.popup{width:100%;max-width:400px}.stepper{display:flex;align-items:center;gap:2px;flex:0 0 auto}.stepper button{width:30px;height:30px;background:transparent;border:1px solid var(--red);color:var(--red);font:400 17px/1 var(--print);cursor:pointer}.stepper button:disabled{opacity:.3;cursor:default}.stepper .count{min-width:30px;text-align:center}.page.center{min-height:calc(100vh - 44px);display:flex;flex-direction:column;justify-content:center}.status,.row select{height:30px;padding:0 10px}.row{padding:10px 0 9px;margin-bottom:6px}.status{min-width:74px;padding:0 4px;text-align:center}.row select.state{min-width:128px}.head-sm{flex-basis:100%;text-align:center}.row.guest{flex-wrap:wrap;gap:8px 10px}.row.guest .name{flex-basis:100%;word-break:break-word}.money{text-align:right}.pay{flex-direction:row;align-items:center;gap:8px;margin-top:10px}.pay input{flex:1}.row.guest{justify-content:flex-end}.row.guest .name{text-align:left}textarea{background:transparent;border:1px dotted var(--red);padding:8px;min-height:70px;resize:vertical;color:var(--blue);font-family:var(--typewriter);font-size:14px;letter-spacing:1px;width:100%}textarea::placeholder{color:var(--red);font-family:var(--print);font-size:11px;letter-spacing:1px;opacity:.75}.greeting{flex-basis:100%;text-align:left;font-size:12px;opacity:.85}.notyou{display:block;margin:8px auto 0;background:transparent;border:0;color:var(--red);font:400 10px/1 var(--print);letter-spacing:1px;text-decoration:underline;cursor:pointer}.status.link{min-width:58px}.dot{width:12px;height:12px;padding:0;border:0;border-radius:50%;background:var(--red);cursor:pointer;flex:0 0 auto}.dot:hover{box-shadow:0 0 0 4px #c5342b40}.overlay.bottom{place-items:end stretch;padding:0}.drawer{background:var(--paper);border-top:3px solid var(--red);padding:16px 16px 22px;max-height:70vh;overflow-y:auto;animation:rise .18s ease-out}@keyframes rise{0%{transform:translateY(100%)}}.center form.stack{align-items:flex-end}.center form.stack .add{align-self:flex-end}.center form.stack select,.center form.stack .err{align-self:stretch}.head-sm{margin-top:-7px}