:root{--road:#151713;--paper:#f1e6c8;--orange:#ff6b22;--green:#a7d54b;--ink:#151713}*{box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;min-height:100svh;min-height:100dvh;background:var(--road);color:var(--paper);font-family:Arial,sans-serif;padding:env(safe-area-inset-top) env(safe-area-inset-right) calc(14px + env(safe-area-inset-bottom)) env(safe-area-inset-left)}header{height:58px;padding:0 14px;border-bottom:1px solid #ffffff44;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.12em}header b{font-size:17px;letter-spacing:-.05em}header i{color:var(--orange);font-style:normal}.intro{padding:18px 14px 16px}.eyebrow{font-size:9px;font-weight:900;letter-spacing:.14em}.intro h1{font-size:clamp(40px,13vw,76px);line-height:.84;letter-spacing:-.07em;margin:10px 0 14px}.intro h1 em{font-style:normal;color:var(--green)}.intro>div>p:not(.eyebrow){font-size:14px;line-height:1.4;max-width:480px;color:#ded9cb}.intro button,.save{min-height:46px;border:0;background:var(--orange);color:#111;padding:0 15px;font-weight:950;text-transform:uppercase;font-size:10px}.boot{margin-top:20px;border:2px solid var(--paper);border-radius:36px 36px 5px 5px;padding:12px 10px 9px;min-height:175px;display:flex;flex-direction:column;gap:7px}.cab,.door{font-size:8px;font-weight:900;letter-spacing:.16em;text-align:center}.door{border-top:2px dashed #ffffff66;padding-top:7px}.load{display:flex;justify-content:space-between;gap:8px;background:var(--paper);color:var(--ink);padding:9px 10px;min-height:42px;align-items:center}.load b{font-size:11px}.load span{font-size:10px;text-align:right}.load:first-child{background:var(--green)}.manifest{background:var(--paper);color:var(--ink);padding:16px 14px 28px}.mhead{display:flex;justify-content:space-between;border-bottom:3px solid;padding-bottom:8px;font-size:10px}.stop{display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center;border-bottom:1px solid #8d866f;padding:12px 0}.num{width:38px;height:38px;background:var(--road);color:var(--paper);display:grid;place-items:center;font-weight:950}.stop h3{font-size:16px;margin:0}.stop p{font-size:11px;margin:4px 0 0;color:#625e50}.stop button{width:44px;height:44px;border:0;background:transparent;font-size:20px}dialog{border:0;padding:0;background:transparent;width:100%;max-width:none;margin:auto 0 0}dialog::backdrop{background:#000a}dialog form{position:relative;background:var(--paper);color:var(--ink);border-top:5px solid var(--orange);padding:20px 15px calc(20px + env(safe-area-inset-bottom));max-height:88dvh;overflow:auto}.x{position:absolute;right:8px;top:6px;width:44px;height:44px;border:0;background:transparent;font-size:30px}h2{font-size:32px;line-height:1;margin:12px 0 18px}label{display:block;font-size:9px;font-weight:900;text-transform:uppercase;margin:13px 0}input{display:block;width:100%;font-size:16px;border:2px solid var(--ink);border-radius:0;background:#fffaf0;padding:12px 9px;margin-top:5px}.save{width:100%}footer{padding:14px;font-size:8px;letter-spacing:.1em}@media(min-width:760px){main{display:grid;grid-template-columns:1fr 1fr;max-width:1100px;margin:28px auto;border:2px solid var(--paper)}.intro{padding:34px}.manifest{padding:34px}.boot{max-width:500px}.intro h1{font-size:68px}dialog{width:540px;margin:auto}dialog form{border:4px solid var(--orange)}}