:root{color-scheme:light;--bg:#f4f7fb;--surface:#fff;--ink:#121827;--muted:#687588;--line:#dfe7ef;--accent:#8d949c;--accent-strong:#6f767f;--accent-soft:#e7eaee;--green:#16815f;--red:#b9374c;--shadow:0 18px 44px rgba(29,43,66,.12)}*{box-sizing:border-box}body{margin:0;background:#d9e7f0;color:var(--ink);font-family:Helvetica Neue,Arial Narrow,Arial,sans-serif}button,input,textarea{font:inherit}button{border:0}.phone-shell{width:min(100vw,430px);min-height:100vh;margin:0 auto;background:var(--bg);position:relative;overflow:hidden}.global-header{height:128px;background:var(--surface);border-bottom:1px solid var(--line);display:grid;grid-template-rows:58px 52px;grid-gap:6px;gap:6px;padding:12px 16px 10px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.header-main{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand-lockup{font-weight:900;letter-spacing:.16em;font-size:1.65rem;line-height:.8}.brand-lockup span{display:block;font-size:.72rem;letter-spacing:.12em;margin-top:6px}.header-status{display:grid;justify-items:end;grid-gap:3px;gap:3px;font-size:.72rem;text-transform:uppercase}.header-status strong{font-weight:600;white-space:nowrap}.header-status span{color:var(--green);font-weight:800;white-space:nowrap}.header-status span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:999px;margin-right:7px;background:currentColor;transform:translateY(-1px)}.header-status span[data-status=closed],.header-status span[data-status=maintenance]{color:var(--red)}.queue-bar{display:grid;grid-template-columns:minmax(82px,.8fr) minmax(0,2.4fr);align-items:center;grid-gap:6px;gap:6px}.queue-bar>strong{display:block;color:var(--accent-strong);font-size:.57rem;font-weight:900;text-align:right;text-transform:uppercase}.queue-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:4px;gap:4px}.queue-grid span{min-height:34px;display:grid;place-items:center;grid-gap:1px;gap:1px;color:var(--accent-strong);font-weight:800;background:linear-gradient(180deg,#fff,#f2f4f7);border:1px solid #d7dce2;border-radius:5px;box-shadow:0 6px 16px rgba(33,43,54,.08)}.queue-grid small{color:#6d7b88;text-transform:uppercase;font-size:.48rem;font-weight:700}.screen{height:calc(100vh - 128px - 82px);overflow:auto;padding:16px 14px 96px}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.product-card,.stack{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.product-card{overflow:hidden}.product-image{height:130px;background:linear-gradient(135deg,#d9e7f0,#fff);background-size:cover;background-position:50%}.product-body{padding:10px;display:grid;grid-gap:5px;gap:5px;position:relative}.product-body h2,.stack h1{margin:0;font-size:1rem}.empty,.line-item small,.notice,.product-body p{margin:0;color:var(--muted);font-size:.82rem}.product-body button{position:absolute;right:10px;bottom:10px;width:32px;height:32px;border-radius:999px;color:#fff;background:linear-gradient(180deg,var(--accent) 0,var(--accent-strong) 100%);font-size:1.3rem}.stack{padding:16px;display:grid;grid-gap:14px;gap:14px}.line-item{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px}input,textarea{border:1px solid var(--line);background:#edf3f7;border-radius:8px;padding:12px;width:100%}textarea{min-height:110px;resize:vertical}.primary{min-height:50px;border-radius:8px;color:#fff;background:linear-gradient(180deg,var(--accent) 0,var(--accent-strong) 100%);font-weight:800}.segmented{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.segmented button{min-height:44px;border-radius:8px;background:var(--accent-soft);text-transform:uppercase;font-weight:800}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(100vw,430px);height:82px;border-top:1px solid var(--line);background:var(--surface);display:grid;grid-template-columns:repeat(5,1fr);z-index:30}.bottom-nav button{background:transparent;color:var(--muted);text-transform:capitalize;font-size:.76rem;font-weight:700}.bottom-nav button[data-active=true]{color:var(--accent-strong)}.auth-screen{min-height:100vh;display:grid;place-content:center;grid-gap:16px;gap:16px;text-align:center;padding:24px;background:var(--surface)}