:root{--safety-green: #39ae39;--safety-green-hover: #45c045;--safety-green-press: #2f9330;--squid-ink: #161d26;--squid-ink-surface: #1f2733;--squid-ink-elevated: #27313f;--white: #ffffff;--off-white: #f5f3ef;--alert: #d64545}*{box-sizing:border-box}body{margin:0;font-family:Amazon Ember,AmazonEmber,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--squid-ink);color:var(--off-white)}.page{max-width:720px;margin:0 auto;padding:32px 20px;min-height:100vh}h1{font-size:2rem;font-weight:800;text-align:center;margin-bottom:24px;color:var(--white)}.home{display:flex;flex-direction:column;justify-content:center}.big-buttons{display:flex;flex-direction:column;gap:24px}.big-btn{font-size:2rem;font-weight:800;padding:48px 24px;border:3px solid transparent;border-radius:16px;cursor:pointer;transition:transform .05s ease,filter .15s ease,background .15s ease,color .15s ease}.big-btn:active{transform:scale(.98)}.check-in{background:var(--safety-green);color:var(--squid-ink);border-color:var(--safety-green)}.check-in:hover{background:var(--safety-green-hover);border-color:var(--safety-green-hover)}.check-in:active{background:var(--safety-green-press)}.check-out{background:transparent;color:var(--safety-green);border-color:var(--safety-green)}.check-out:hover{background:#39ae391f}.check-out:active{background:var(--safety-green);color:var(--squid-ink)}.back{background:none;border:none;color:var(--safety-green);font-size:1rem;font-weight:600;cursor:pointer;padding:0;margin-bottom:12px}.steps{list-style:none;padding:0;font-size:1.2rem}.steps li{padding:12px 16px;border-radius:10px;margin-bottom:10px;background:var(--squid-ink-surface);border:2px solid transparent;opacity:.7}.steps li.active{opacity:1;border-color:var(--safety-green)}.steps li.done{opacity:1;background:var(--safety-green);color:var(--squid-ink);font-weight:700}.steps .val{float:right;font-weight:700}.prompt{text-align:center;font-size:1.3rem;font-weight:600;color:var(--safety-green)}.error{text-align:center;color:var(--alert);font-weight:700}.scan-input{position:fixed;opacity:0;pointer-events:none;width:1px;height:1px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#161d26cc;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--off-white);color:var(--squid-ink);border-radius:16px;padding:32px;text-align:center;max-width:420px;width:100%;border-top:8px solid var(--safety-green)}.modal h2{font-size:1.8rem;font-weight:800;margin-top:0;color:var(--safety-green)}.modal p{font-size:1.3rem;margin-bottom:24px;color:var(--squid-ink)}.modal .big-btn{font-size:1.3rem;padding:20px;width:100%}