:root{--ink: #12110F;--ink-2: #1C1A17;--ink-3: #272420;--line: #3A3631;--fg: #F5F2EC;--fg-dim: #A69F94;--sale: #2FBF71;--sale-bg: #103A25;--ask: #4C94E0;--ask-bg: #0F2B47;--urgent: #F0544F;--urgent-bg: #45150F;--cue: #E0A83C;--cue-bg: #3C2A0B;--r: 14px;font-family:Noto Sans Thai,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--ink);color:var(--fg);overscroll-behavior:none}button,input,select,textarea{font-family:inherit;font-size:100%}button{cursor:pointer;border:none}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.home{min-height:100%;display:grid;place-items:center;padding:24px}.home-box{width:100%;max-width:420px}.home h1{font-size:30px;font-weight:700;margin:0 0 4px;letter-spacing:-.5px}.home p.sub{color:var(--fg-dim);margin:0 0 28px;font-size:15px}.field{margin-bottom:14px}.field label{display:block;font-size:13px;color:var(--fg-dim);margin-bottom:6px}.inp{width:100%;height:48px;padding:0 14px;border-radius:10px;background:var(--ink-2);border:1px solid var(--line);color:var(--fg)}.inp:focus-visible{outline:2px solid var(--ask);outline-offset:1px}textarea.inp{height:auto;padding:12px 14px;resize:vertical;min-height:72px}.btn{width:100%;height:48px;border-radius:10px;font-weight:600;font-size:15px;background:var(--fg);color:var(--ink)}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--fg)}.btn:active{transform:scale(.99)}.btn[disabled]{opacity:.5}.err{color:var(--urgent);font-size:14px;margin-top:10px}.hint{color:var(--fg-dim);font-size:13px;line-height:1.7}.display{height:100%;display:flex;flex-direction:column;gap:1.2vmin;padding:1.6vmin 2vmin;font-size:clamp(14px,1.6vmin,30px)}.pin-bar{display:flex;align-items:center;gap:1.4vmin;flex-wrap:wrap;background:var(--cue-bg);border-radius:var(--r);padding:1.2vmin 2vmin;color:#ffd27a;font-weight:600;font-size:clamp(16px,2.4vmin,44px);line-height:1.3}.pin-sep{opacity:.45;font-weight:400}.main-card{flex:1;min-height:0;border-radius:var(--r);padding:3vmin;display:flex;flex-direction:column;justify-content:center;animation:pop .2s ease-out}@keyframes pop{0%{opacity:0}to{opacity:1}}.main-card.order{background:var(--sale-bg)}.main-card.question{background:var(--ask-bg)}.main-card.cue{background:var(--cue-bg)}.main-card.urgent{background:var(--urgent-bg)}.main-card.idle{background:var(--ink-2)}.tagrow{display:flex;align-items:center;gap:1.4vmin;margin-bottom:1.6vmin}.tag{font-size:clamp(13px,1.7vmin,30px);font-weight:600;padding:.5vmin 1.6vmin;border-radius:99px}.order .tag{background:var(--sale);color:#06301b}.question .tag{background:var(--ask);color:#06213b}.cue .tag{background:var(--cue);color:#3a2703}.urgent .tag{background:var(--urgent);color:#400e0b}.ago{font-size:clamp(12px,1.5vmin,26px);opacity:.6}.headline{font-size:clamp(30px,6.4vmin,132px);font-weight:700;line-height:1.16;letter-spacing:-.5px;word-break:break-word}.subline{font-size:clamp(16px,2.6vmin,54px);opacity:.78;margin-top:1.4vmin;line-height:1.35}.main-card.idle .headline{font-size:clamp(22px,3.4vmin,60px);opacity:.35;font-weight:500}.queue{display:grid;grid-template-columns:1fr 1fr;gap:1.2vmin}.queue.one{grid-template-columns:1fr}.qcard{border-radius:var(--r);padding:1.4vmin 2vmin;min-width:0}.qcard.order{background:var(--sale-bg)}.qcard.question{background:var(--ask-bg)}.qcard.cue{background:var(--cue-bg)}.qcard.urgent{background:var(--urgent-bg)}.qlabel{font-size:clamp(11px,1.35vmin,24px);font-weight:600;opacity:.75;margin-bottom:.5vmin}.qtext{font-size:clamp(15px,2.2vmin,44px);font-weight:600;line-height:1.3}.qhint{font-size:clamp(13px,1.7vmin,32px);opacity:.7;margin-top:.5vmin}.ticker{display:flex;gap:1vmin;align-items:stretch;overflow:hidden;min-height:0}.tchip{display:flex;align-items:baseline;gap:.9vmin;flex-shrink:0;border-radius:var(--r);padding:1vmin 1.8vmin;font-size:clamp(13px,1.9vmin,38px);white-space:nowrap}.tchip.newest{box-shadow:inset 0 0 0 .25vmin currentColor}.tname{font-weight:600}.titem{opacity:.8;font-size:.86em}.tqty{font-weight:600;font-size:.86em}.statusbar{display:flex;align-items:center;gap:2.2vmin;font-size:clamp(11px,1.4vmin,26px);color:var(--fg-dim)}.dot{width:.9em;height:.9em;border-radius:50%;display:inline-block;margin-right:.5em;vertical-align:-.05em}.dot.on{background:var(--sale)}.dot.off{background:var(--urgent)}.spacer{margin-left:auto}.op{max-width:720px;margin:0 auto;padding:14px 14px 120px}.op-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.op-head h2{font-size:17px;font-weight:600;margin:0}.who{margin-left:auto;font-size:13px;color:var(--fg-dim)}.panel{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r);padding:14px;margin-bottom:12px}.panel h3{font-size:14px;font-weight:600;margin:0 0 10px;color:var(--fg-dim)}.row{display:flex;gap:8px}.row>*{min-width:0}.grow{flex:1}.qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;background:var(--ink-3);overflow:hidden}.qty button{width:42px;height:48px;background:transparent;color:var(--fg);font-size:20px;font-weight:600}.qty span{min-width:34px;text-align:center;font-weight:600;font-size:17px}.send{height:48px;padding:0 20px;border-radius:10px;font-weight:600;background:var(--sale);color:#06301b}.send.blue{background:var(--ask);color:#06213b}.send.red{background:var(--urgent);color:#400e0b}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:10px 14px;border-radius:99px;background:var(--ink-3);border:1px solid var(--line);color:var(--fg);font-size:14px}.chip.amber{border-color:#6b4c10;color:#f0c97a}.recent{list-style:none;margin:0;padding:0}.recent li{display:flex;gap:8px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}.recent li:last-child{border-bottom:none}.recent .rt{font-size:11px;padding:2px 8px;border-radius:99px;flex-shrink:0}.rt.order{background:var(--sale-bg);color:var(--sale)}.rt.question{background:var(--ask-bg);color:var(--ask)}.rt.cue{background:var(--cue-bg);color:var(--cue)}.rt.urgent{background:var(--urgent-bg);color:var(--urgent)}.recent .rb{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent .rw{color:var(--fg-dim);font-size:12px;flex-shrink:0}.online{display:flex;gap:6px;flex-wrap:wrap}.online span{font-size:12px;background:var(--ink-3);border-radius:99px;padding:4px 10px;color:var(--fg-dim)}.linkbar{display:flex;gap:8px;margin-top:4px}.linkbar a{flex:1;text-align:center;text-decoration:none}.pinlist{list-style:none;margin:0 0 10px;padding:0}.pinlist li{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:14px}.pinlist button{background:transparent;color:var(--fg-dim);font-size:13px}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:24px;background:var(--fg);color:var(--ink);padding:10px 20px;border-radius:99px;font-weight:600;font-size:14px;z-index:50}.editlist{list-style:none;margin:0 0 12px;padding:0}.editlist li{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.editlist li:last-child{border-bottom:none}.editlist li.off{opacity:.45}.el-name{font-size:15px;font-weight:500;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.el-price{font-size:13px;color:var(--fg-dim);font-weight:400}.el-off{font-size:11px;background:var(--ink-3);color:var(--fg-dim);padding:2px 8px;border-radius:99px}.el-sub{font-size:13px;color:var(--fg-dim);margin-top:3px}.el-actions{display:flex;gap:4px;flex-shrink:0}.el-actions button{background:transparent;color:var(--fg-dim);font-size:13px;padding:6px 9px;border-radius:8px;min-width:34px}.el-actions button:hover{background:var(--ink-3);color:var(--fg)}.el-actions button[disabled]{opacity:.25}.el-actions button.danger{color:var(--urgent)}.addbox{padding-top:12px;border-top:1px solid var(--line)}.setrow{display:flex;align-items:center;gap:10px;margin-bottom:10px}.setrow label{flex:1;font-size:14px}.inp.num{width:82px;text-align:center;height:44px}.setrow .unit{width:46px;font-size:13px;color:var(--fg-dim)}.chip.red{border-color:#6b2420;color:#f09a96}.panel.urgentbox{border-color:#6b2420;background:#2a1310}.panel.urgentbox h3{color:#f09a96}.urgentlist{list-style:none;margin:0;padding:0}.urgentlist li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #4A211C;font-size:15px;font-weight:500}.urgentlist li:last-child{border-bottom:none}.clearbtn{flex-shrink:0;height:40px;padding:0 18px;border-radius:10px;background:var(--urgent);color:#400e0b;font-weight:600;font-size:14px}.rclear{flex-shrink:0;height:30px;padding:0 12px;border-radius:8px;background:var(--urgent-bg);color:var(--urgent);font-size:12px;font-weight:600}.panel.endedbox{border-color:#4a211c;background:#241311}.panel.endedbox h3{color:#f09a96}.sesslist{list-style:none;margin:0 0 12px;padding:0}.sesslist li{padding:12px 0;border-bottom:1px solid var(--line)}.sesslist li:last-child{border-bottom:none}.ss-top{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.ss-title{font-size:15px;font-weight:500}.ss-badge{font-size:11px;padding:2px 8px;border-radius:99px;background:var(--ink-3);color:var(--fg-dim)}.ss-badge.live{background:var(--sale-bg);color:var(--sale)}.ss-meta{font-size:13px;color:var(--fg-dim);margin-top:4px}.ss-actions{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.ss-actions button{font-size:13px;padding:8px 12px;border-radius:8px;background:var(--ink-3);color:var(--fg-dim)}.ss-actions button:hover{color:var(--fg)}.ss-actions button.danger{color:var(--urgent)}.itemline{font-size:clamp(22px,4.4vmin,92px);font-weight:600;line-height:1.2;margin-top:1vmin;opacity:.95;word-break:break-word}.qitem{font-size:clamp(14px,1.9vmin,38px);font-weight:500;opacity:.85;margin-top:.4vmin}