html,body,#root{min-width:320px;min-height:100%;margin:0}:root{color:#161616;background:#f4f4f4;font-family:Arial,sans-serif}*{box-sizing:border-box}button,input{font:inherit}button{cursor:pointer;border:0;font-weight:700}.app-shell,.screen{min-height:100vh}.mode-nav{z-index:2;background:#202020;gap:.5rem;padding:.55rem;display:flex;position:sticky;top:0}.mode-nav button{color:#222;background:#eee;border-radius:.35rem;flex:1;min-height:3.25rem;font-size:1rem}.mode-nav button.active{background:#ffcf00}.mode-nav .logout{color:#fff;background:#555;flex:none;padding:0 .8rem}.screen{max-width:1100px;margin:auto;padding:1rem}h1{margin:0 0 .25rem;font-size:clamp(2rem,6vw,3.25rem)}h2{margin:0 0 .65rem}.hint{color:#555;margin:.25rem 0 1.2rem}.order-number-input{margin-top:1rem;font-weight:700;display:block}.order-number-input input{border:3px solid #222;border-radius:.35rem;width:min(100%,26rem);padding:.25rem .5rem;font-size:clamp(2.2rem,9vw,4.5rem);font-weight:800;display:block}.item-section{margin:1.5rem 0}.item-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.7rem;display:grid}.quantity-control{background:#fff;border:1px solid #bbb;border-radius:.4rem;padding:.8rem;font-size:1.15rem;font-weight:700}.quantity-control>div{justify-content:space-between;align-items:center;margin-top:.65rem;display:flex}.quantity-control button{background:#ddd;border-radius:.3rem;width:3.4rem;height:3.4rem;font-size:2rem}.quantity-control strong{text-align:center;min-width:3rem;font-size:2rem}.primary{color:#fff;background:#137333;border-radius:.35rem;min-height:4rem;padding:.75rem 1.4rem;font-size:1.25rem}.primary:disabled{opacity:.55;cursor:wait}.send-order{width:100%;font-size:clamp(1.25rem,4vw,2rem)}.message{margin:1rem 0;font-weight:700}.number-settings{margin:2rem 0}.number-settings summary{cursor:pointer;font-weight:700}.number-settings div{flex-wrap:wrap;gap:.5rem;margin-top:.7rem;display:flex}.number-settings input{min-height:3rem;padding:.4rem}.number-settings button{color:#fff;background:#333;border-radius:.3rem;padding:.4rem 1rem}.board header{margin-bottom:1.25rem}.board header p{margin:0;font-size:1.2rem}.order-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.order-card{background:#fff;border:2px solid #222;border-radius:.45rem;min-height:12rem;padding:1rem}.kitchen-number{font-size:clamp(4rem,14vw,7rem);font-weight:800;line-height:1}.order-items{padding-left:1.35rem;font-size:1.2rem;line-height:1.5}.order-card .primary{width:100%}.pickup-number{background:#ffcf00;border:4px solid #222;border-radius:.45rem;width:100%;min-height:min(45vw,22rem);font-size:clamp(5rem,25vw,14rem);line-height:1}.empty-state{color:#555;font-size:1.4rem}.login-page,.setup-message{place-items:center;min-height:100vh;padding:1rem;display:grid}.login-card,.setup-message{background:#fff;border:1px solid #bbb;border-radius:.5rem;width:min(100%,440px);padding:1.5rem}.login-card label{margin:1rem 0;font-weight:700;display:block}.login-card input{width:100%;min-height:3rem;margin-top:.35rem;padding:.4rem}.login-card .primary{width:100%}.text-button{color:#145da0;background:0 0;width:100%;margin-top:.75rem;text-decoration:underline;display:block}.error{color:#b00020;font-weight:700}@media (width<=520px){.mode-nav{gap:.25rem}.mode-nav button{font-size:.8rem}.mode-nav .logout{padding:0 .45rem}}