*{box-sizing:border-box}
body{margin:0;background:var(--fch-surface);color:var(--fch-text);font:18px/1.5 var(--fch-font-body);padding:28px 16px max(32px,env(safe-area-inset-bottom))}
.status-wrap{max-width:560px;margin:0 auto;display:grid;gap:18px}
.status-head{display:flex;gap:16px;align-items:center;margin-bottom:8px}
.status-head img{flex:none}
.status-head small{font-size:14px;color:#626262}
h1,h2{font-family:var(--fch-font-display);font-weight:700;line-height:1.15}
h1{font-size:25px;margin:4px 0 0}h2{font-size:23px;margin:0 0 12px}
p{margin:0 0 14px}p:last-child{margin-bottom:0}
.panel{background:white;padding:24px;border-radius:12px}
.status-no{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--fch-blue);color:white;border-radius:12px;padding:20px 24px}
.status-no strong{font-family:var(--fch-font-display);font-size:clamp(36px,10vw,64px);line-height:1;overflow-wrap:anywhere}
#order{display:grid;gap:18px}#order:empty,#connection:empty,#lookupError:empty{display:none}
.track{list-style:none;padding:0;margin:0}
.track li{position:relative;display:grid;grid-template-columns:32px 1fr;gap:16px;padding-bottom:24px}
.track li:last-child{padding-bottom:0}
.track li::before{content:"";position:absolute;left:15px;top:32px;bottom:0;width:2px;background:var(--fch-gray)}
.track li:last-child::before{display:none}
.dot{border:2px solid var(--fch-gray);border-radius:50%;height:32px;width:32px;display:grid;place-items:center;font-size:18px}
.track .done .dot{background:var(--fch-blue);border-color:var(--fch-blue);color:white}
.track .now .dot{background:#f5b21a;border-color:#f5b21a}
.track strong{display:block}.track small{display:block;color:#626262;font-size:15px}
.big-time{font-family:var(--fch-font-display);font-size:48px;line-height:1.2;margin:4px 0 12px}
.ready{background:#11653a;color:white}
.connection-warning{background:#fff2cf;color:#493600;border-left:4px solid #bd8700;padding:16px;border-radius:4px}
.updated,footer{color:#626262;font-size:14px}
label{display:block;font-weight:700;margin-bottom:6px}
.lookup-row{display:flex;gap:10px;flex-wrap:wrap}
input,button{font:inherit;min-height:50px;border-radius:4px;padding:10px 14px}
input{border:1px solid #8d8d8d;min-width:100px;width:100%;flex:1}
button{border:0;background:var(--fch-red);color:white;font-weight:700;cursor:pointer}
button:disabled{opacity:.6;cursor:wait}button.secondary{background:var(--fch-navy)}
:focus-visible{outline:3px solid #bd8700;outline-offset:3px}
#lookupError{color:#b21b16;margin-top:14px}
@media(max-width:420px){body{font-size:17px;padding:20px 12px}.panel{padding:20px}.lookup-row button{width:100%}}