:root{--board:#123524;--board-2:#19452f;--board-3:#22573c;--lightbox:#fff6da;--mustard:#f4b400;--mustard-soft:#ffe7a3;--ketchup:#e04a2f;--ink:#10271b;--ink-2:#4a5d50;--chalk:#eaf2e3;--chalk-2:#a9c1af;--sign:"Big Shoulders Display", "Arial Narrow", sans-serif;--text:"Atkinson Hyperlegible Next", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(900px 520px at 22% -8%, #408c6038, transparent 70%), radial-gradient(700px 500px at 100% 110%, #00000047, transparent 70%), var(--board);color:var(--chalk);font:400 1rem/1.45 var(--text);-webkit-font-smoothing:antialiased;background-attachment:fixed}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--mustard);outline-offset:2px}.app{grid-template-rows:auto minmax(0,1fr);height:100dvh;display:grid}.masthead{align-items:center;gap:1.5rem;padding:.9rem 1.5rem .4rem;display:flex}.logo{align-items:center;gap:.6rem;display:flex}.account{color:var(--chalk-2);align-items:center;gap:.7rem;margin-left:auto;font-size:.9rem;display:flex}.btn-small{padding:.45rem .9rem;font-size:.9rem}a.btn{text-decoration:none;display:inline-block}.free-left{color:var(--chalk-2);margin:.8rem 0 0;font-size:.9rem}.free-left a,.notice a{color:var(--mustard-soft)}.logo-mark{width:2.6rem;height:2.6rem}.logo-word{font:900 2.1rem/1 var(--sign);letter-spacing:.01em;color:var(--mustard)}.main{grid-template:"speaker order""menu order"minmax(0,1fr)/minmax(0,1fr) minmax(340px,420px);gap:1rem 1.25rem;min-height:0;padding:.5rem 1.5rem 1rem;display:grid}.board{flex-direction:column;grid-area:menu;min-height:0;display:flex}.tabs{flex-wrap:wrap;gap:.35rem;display:flex}.tab{color:var(--chalk-2);font:800 1.45rem/1 var(--sign);background:0 0;border:0;border-radius:999px;padding:.5rem .9rem .45rem}.tab:hover{color:var(--chalk)}.tab[aria-current=page]{background:var(--mustard);color:var(--ink)}.board-tagline{color:var(--chalk-2);margin:.6rem 0 .8rem .9rem;font-size:.95rem}.tiles{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-content:start;gap:.85rem;padding:.35rem .35rem 1rem;display:grid;overflow-y:auto}.tile{text-align:left;background:linear-gradient(180deg, #fffaf0 0%, var(--lightbox) 100%);color:var(--ink);border:0;border-radius:18px;grid-template-rows:auto auto 1fr auto;gap:.25rem;padding:.6rem .9rem .8rem;transition:transform .18s,box-shadow .18s;display:grid;position:relative;box-shadow:inset 0 1px #ffffffb3,0 14px 30px -18px #000000bf,0 2px 6px -2px #00000040}.tile:hover{transform:translateY(-3px);box-shadow:inset 0 1px #ffffffb3,0 20px 36px -18px #000c,0 2px 6px -2px #00000040}.tile:active{transform:translateY(0)scale(.985)}.tile-art{height:128px;margin:0 -.3rem;display:block;position:relative}.tile-img{object-fit:contain;filter:drop-shadow(0 8px 10px #3c1e002e);width:100%;height:128px;transition:transform .22s;display:block}.tile:hover .tile-img{transform:scale(1.05)rotate(-1.5deg)}.tile-name{font:800 1.5rem/1 var(--sign)}.tile-desc{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;align-self:start;font-size:.82rem;line-height:1.35;display:-webkit-box;overflow:hidden}.tile-foot{align-items:center;gap:.5rem;margin-top:.45rem;display:flex}.tile-price{font:900 1.6rem/1 var(--sign)}.tile-kcal{color:var(--ink-2);opacity:.8;font-size:.72rem}.tile-add{background:var(--board);width:2rem;height:2rem;color:var(--mustard);font:800 1.35rem/1 var(--text);border-radius:50%;place-items:center;margin-left:auto;transition:transform .16s,background .16s;display:grid}.tile:hover .tile-add{background:var(--mustard);color:var(--ink);transform:rotate(90deg)}.tile-tag{background:var(--board);color:var(--mustard);border-radius:999px;padding:.18rem .55rem;font-size:.72rem;font-weight:700;position:absolute;top:.15rem;left:.3rem}.tile-tag[data-tag=spicy]{background:var(--ketchup);color:#fff}.tile[data-hearing]{box-shadow:0 0 0 4px var(--mustard), 0 0 34px 2px #f4b4008c}.tile[data-focus]:not([data-hearing]){box-shadow:0 0 0 3px var(--chalk)}.order{background:linear-gradient(180deg, var(--board-2), #163d29);min-height:0;box-shadow:0 0 0 1px var(--board-3) inset;border-radius:20px;flex-direction:column;grid-area:order;padding:1.1rem 1.1rem 1rem;transition:box-shadow .2s;display:flex}.order[data-review]{box-shadow:0 0 0 3px var(--mustard) inset}.order-head{justify-content:space-between;align-items:baseline;display:flex}.order-head h2{font:900 2rem/1 var(--sign);color:var(--chalk);margin:0}.order-count{color:var(--chalk-2);font-size:.9rem}.order-empty{color:var(--chalk-2);flex:1;align-content:center;gap:.5rem;display:grid}.order-empty p{margin:0}.order-empty-lead{color:var(--chalk);font-size:1.15rem}.order-try{font-size:.9rem;margin-top:.9rem!important}.order-examples{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.order-examples li{font:700 1.3rem/1.1 var(--sign);color:var(--mustard-soft)}.lines{flex-direction:column;flex:1;gap:.45rem;margin:.9rem 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.line{background:var(--board);border-radius:14px;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.5rem .7rem .5rem .5rem;display:grid;box-shadow:inset 0 1px #ffffff0a}.line-thumb{object-fit:contain;filter:drop-shadow(0 4px 5px #00000059);width:52px;height:52px}.line[data-fresh]{animation:1.4s ease-out confirm}.line[data-fresh] .qty-n{animation:.32s cubic-bezier(.3,1.4,.5,1) tick,1.4s ease-out confirm-qty}@keyframes confirm{0%{background:var(--mustard);color:var(--ink)}to{background:var(--board)}}@keyframes confirm-qty{0%{color:var(--ink)}to{color:var(--mustard)}}.line[data-removing]{opacity:.55}.line[data-removing] .line-title{-webkit-text-decoration:line-through 3px var(--ketchup);text-decoration:line-through 3px var(--ketchup)}.ghost{outline:2px dashed var(--mustard);outline-offset:-2px;opacity:calc(.45 + var(--p,1) * .5);background:0 0;animation:.22s ease-out arrive}.ghost .line-details{color:var(--mustard)}@keyframes arrive{0%{opacity:0;transform:translateY(6px)}}.qty{align-items:center;gap:.2rem;display:flex}.qty-n{text-align:center;min-width:1.6rem;font:800 1.5rem/1 var(--sign);color:var(--mustard);animation:.32s cubic-bezier(.3,1.4,.5,1) tick;display:inline-block}.total-n{animation:.32s cubic-bezier(.3,1.4,.5,1) tick;display:inline-block}@keyframes tick{0%{opacity:0;transform:translateY(-45%)}}.flyer{z-index:50;pointer-events:none;object-fit:contain;transform-origin:50%;filter:drop-shadow(0 12px 14px #00000059);position:fixed}.step{background:var(--board-3);width:1.6rem;height:1.6rem;color:var(--chalk);opacity:0;border:0;border-radius:50%;line-height:1;transition:opacity .12s}.line:hover .step,.step:focus-visible{opacity:1}.line-body{gap:.1rem;min-width:0;display:grid}.line-title{font:800 1.35rem/1.05 var(--sign)}.line-details{color:var(--chalk-2);font-size:.85rem}.line-price{font:800 1.3rem/1 var(--sign)}.totals{border-top:2px solid var(--board-3);gap:.2rem;margin-top:.8rem;padding-top:.7rem;display:grid}.totals-row{color:var(--chalk-2);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.totals-row.total{color:var(--chalk);font:900 2.2rem/1.1 var(--sign);margin-top:.2rem}.pending-total{color:var(--mustard);font-size:1.2rem}.review{background:var(--mustard);color:var(--ink);border-radius:14px;gap:.75rem;margin-top:.8rem;padding:.9rem 1rem 1rem;animation:.22s ease-out arrive;display:grid}.review-ask{font:800 1.4rem/1.1 var(--sign);margin:0}.review-go{background:var(--ink);color:var(--mustard);justify-self:start}.review-go:hover{background:var(--board)}.btn{background:var(--board-3);color:var(--chalk);border:0;border-radius:999px;padding:.65rem 1.2rem;font-weight:700}.btn:hover{background:var(--board-2)}.btn-big{background:var(--mustard);color:var(--ink);font:900 1.6rem/1 var(--sign);padding:.85rem 1.6rem .75rem}.btn-big:hover{background:var(--mustard-soft)}.btn-quiet{box-shadow:0 0 0 2px var(--board-3) inset;background:0 0}.speaker{background:radial-gradient(circle, #ffffff12 1.3px, transparent 1.8px) 0 0 / 11px 11px, var(--ink);min-height:196px;box-shadow:0 0 0 1px var(--board-3) inset;border-radius:20px;grid-area:speaker;grid-template-columns:minmax(0,1fr);align-items:center;padding:1.25rem 1.5rem;display:grid;position:relative}.speaker[data-on]{box-shadow:0 0 0 2px var(--mustard) inset;height:196px}.speaker[data-mode=text]{height:244px}.mic{width:100%;height:100%}.pullup{align-items:center;gap:1.5rem;display:flex}.pullup>.mic{background:var(--mustard);width:92px;height:92px;color:var(--ink);border-radius:50%;flex:none;padding:24px}.pullup-copy{min-width:0}.pullup-title{font:900 clamp(2.2rem, 3.6vw, 3.3rem)/.95 var(--sign);color:var(--chalk);margin:0}.pullup-lead{color:var(--chalk-2);max-width:56ch;margin:.45rem 0 1rem;font-size:1.05rem}.notice{color:var(--mustard-soft)}.pullup-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.convo{align-items:center;gap:1.5rem;display:flex}.orb-post{flex:none;justify-items:center;gap:.45rem;width:112px;display:grid}.orb{background:var(--mustard);width:96px;height:96px;color:var(--ink);border:0;border-radius:50%;place-items:center;display:grid;position:relative}.orb .mic{width:36px;height:36px;position:relative}.orb-level{box-shadow:0 0 0 calc(4px + var(--level,0) * 22px) #f4b40047;border-radius:50%;transition:box-shadow 60ms linear;position:absolute;inset:0}.orb[data-byte]{background:var(--chalk)}.orb[data-byte] .orb-level{animation:.9s ease-in-out infinite alternate speaking;box-shadow:0 0 0 10px #eaf2e32e}@keyframes speaking{to{box-shadow:0 0 0 16px #eaf2e31a}}.orb[data-connecting]{background:var(--board-3);color:var(--chalk)}.orb-state{font:800 1.05rem/1 var(--sign);color:var(--mustard);text-align:center}.orb-stop{color:var(--chalk-2);text-underline-offset:2px;background:0 0;border:0;padding:.1rem .4rem;font-size:.8rem;text-decoration:underline}.orb-stop:hover{color:var(--chalk)}.captions{flex:1;gap:.6rem;min-width:0;display:grid}.line-window{flex-direction:column;justify-content:flex-end;display:flex;overflow:hidden}.byte-window{font:800 clamp(1.4rem, 2vw, 1.9rem)/1.08 var(--sign);height:3.24em}.you-window{height:1.45em;font-size:1.1rem;line-height:1.45}.who{font:700 .78rem/1 var(--text);vertical-align:.3em;background:var(--board-3);color:var(--chalk);border-radius:999px;margin-right:.6rem;padding:.22rem .55rem .18rem;display:inline-block}.byte-line{color:var(--mustard-soft);overflow-wrap:anywhere;margin:0}.byte-line .who{background:var(--mustard);color:var(--ink)}.byte-line[data-empty]{color:var(--chalk-2)}.you-line{color:var(--chalk);overflow-wrap:anywhere;margin:0}.you-line[data-empty]{color:var(--chalk-2)}.you-line[data-talking] .who{background:var(--chalk);color:var(--ink)}.type-form{gap:.5rem;display:flex}.type-input{min-width:0;font:inherit;border:2px solid var(--board-3);background:var(--board);color:var(--chalk);border-radius:999px;flex:1;padding:.6rem .9rem;font-size:1.05rem}.latency{color:var(--chalk-2);font-variant-numeric:tabular-nums;font-size:.75rem;position:absolute;bottom:.45rem;right:.9rem}.placed{background:#123524db;place-items:center;padding:1rem;animation:.26s ease-out arrive;display:grid;position:fixed;inset:0}.placed-card{background:var(--lightbox);color:var(--ink);text-align:center;border-radius:24px;justify-items:center;gap:.3rem;padding:2rem 2.5rem 2.2rem;display:grid}.placed-lead{font:800 1.4rem/1 var(--sign);color:var(--ink-2);margin:0}.placed-number{font:900 7rem/.95 var(--sign);color:var(--ketchup);margin:0}.placed-total{font:800 2rem/1 var(--sign);margin:0}.placed-next{margin:.4rem 0 1rem;font-size:1.1rem}@media (width<=820px){.app{height:auto;min-height:100dvh}.masthead{padding:.8rem 1rem .2rem}.account-who{display:none}.free-left{margin-top:.5rem;font-size:.8rem}.main{grid-template:"order""menu""speaker"/minmax(0,1fr);padding:.5rem 1rem 0}.tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem;overflow:visible}.tile{padding:.5rem .7rem .7rem}.tile-art,.tile-img{height:96px}.tile-price{font-size:1.35rem}.tile-kcal{display:none}.line-thumb{width:40px;height:40px}.tabs{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.tab{flex:none;padding:.45rem .7rem .4rem;font-size:1.2rem}.tile-name{font-size:1.3rem}.lines{max-height:40vh}.step{opacity:1}.order-try,.order-examples{display:none}.order-empty-lead{color:var(--chalk-2);font-size:1rem}.speaker{z-index:2;height:auto;padding:.85rem 1rem calc(.85rem + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;margin:0 -1rem;position:sticky;bottom:0}.pullup{gap:0}.pullup>.mic{display:none}.pullup-title{font-size:1.7rem}.pullup-lead{margin:.25rem 0 .7rem;font-size:.95rem}.btn{padding:.55rem .9rem}.btn-big{padding:.7rem 1.2rem .6rem;font-size:1.3rem}.convo{align-items:start;gap:.9rem}.orb-post{gap:.3rem;width:auto}.orb{width:64px;height:64px}.orb .mic{width:26px;height:26px}.orb-state{max-width:72px;font-size:.85rem}.orb-stop{display:none}.captions{gap:.4rem}.speaker[data-on],.speaker[data-mode=text]{height:auto}.byte-window{font-size:1.25rem}.you-window{font-size:1rem}.latency{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}