:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#152f2c;--muted:#425f57;--line:#d6e4dd;--primary:#12634d;--surface:#fff;background:#f1f6f3;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}.app-header{color:#fff;background:#103a31;border-bottom:3px solid #69d1a8}.app-header-inner{width:min(100%,46rem);padding:.8rem max(1rem, env(safe-area-inset-right)) .8rem max(1rem, env(safe-area-inset-left));align-items:center;gap:.75rem;margin:auto;display:flex}.brand-mark{color:#103a31;background:#b9f0d9;border-radius:.8rem;place-items:center;width:2.5rem;height:2.5rem;font-weight:850;display:grid}.brand-name{font-weight:750;line-height:1.2;display:block}.app-header small{color:#c4dfd4;letter-spacing:.13em;font-size:.68rem}main{width:min(100%,46rem);padding:1.25rem max(1rem, env(safe-area-inset-right)) max(2rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));margin:auto}h1{letter-spacing:-.04em;margin:.5rem 0;font-size:clamp(1.85rem,7vw,2.65rem);line-height:1.12}h2{margin:0 0 .75rem;font-size:1.2rem;line-height:1.3}p{color:var(--muted);margin:.55rem 0 1rem;line-height:1.5}section,form{background:var(--surface);border:1px solid var(--line);border-radius:1rem;margin-block:1rem;padding:clamp(.875rem,4vw,1.35rem)}label{margin-block:.9rem;font-weight:650;display:block}input,textarea,select,button,.button-link{width:100%;min-width:0;min-height:48px;font:inherit;border-radius:.7rem;padding:.65rem .8rem;font-size:max(16px,1rem)}input,textarea,select{color:inherit;background:#fbfdfc;border:1px solid #78958a;margin-top:.4rem}textarea{min-height:7rem}button,.button-link{background:var(--primary);color:#fff;cursor:pointer;border:0;font-weight:700}button{margin-top:.65rem}.button-link{place-items:center;text-decoration:none;display:grid}a{color:#14604d}.back-link{align-items:center;min-height:44px;font-weight:650;display:inline-flex}:focus-visible{outline-offset:3px;outline:3px solid #9a5a0a}.visitor-list{gap:.65rem;padding:0;list-style:none;display:grid}.visitor-list li{border:1px solid var(--line);background:var(--surface);overflow-wrap:anywhere;border-radius:.85rem;gap:.35rem;padding:.875rem;display:grid}.visitor-list li>strong{font-size:1.07rem}.visitor-list li>span{color:var(--muted)}.visitor-list .visitor-time{font-size:.875rem}.visitor-action{background:0 0;border:0;border-radius:0;margin-block:.65rem 0;padding:0}.visitor-feedback{background:#e0f2e8;border-radius:.6rem;padding:.75rem}.visitor-feedback[role=alert]{color:#7b271c;background:#ffece8}.queue-tabs{background:#e8f1ec;border-radius:.9rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;padding:.25rem;display:grid}.queue-tabs button{margin:0;padding-inline:.35rem;font-size:.875rem;line-height:1.2}.queue-tabs button[aria-pressed=false],.queue-secondary{color:#164b40;background:#e8f1ec}.queue-count,.queue-note{color:var(--muted);font-size:.875rem}.visitor-list .visitor-status{color:#634000;background:#fff1cf;border-radius:1rem;width:fit-content;padding:.25rem .55rem;font-size:.8rem;font-weight:650}.visitor-list .visitor-status[data-state=arrived]{color:#15543e;background:#dff3e8}.visitor-list .visitor-status[data-state=expired]{color:#465953;background:#edf0ef}.visitor-action.arrival-confirmation{background:#eff8f3;border:1px solid #b9d9ca;border-radius:.75rem;padding:.75rem}.arrival-confirmation p{margin:0}button:disabled{opacity:.65;cursor:wait}@media (min-width:640px){main{padding-top:2rem}}.visitor-qr img{max-width:100%;height:auto;margin:.75rem auto 0;display:block}.visitor-list summary{color:#7b271c;cursor:pointer;min-height:48px;padding-block:.75rem;font-weight:650}.qr-reader{margin-block:1rem}.qr-reader label{position:relative}.qr-reader label:focus-within{outline:3px solid #9a5a0a}.qr-upload{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.visitor-qr a{margin-top:.75rem}.qr-reader-actions{gap:.5rem;display:grid}.qr-reader-actions label{margin:0}.qr-live-video{background:#103a31;border-radius:.75rem;width:100%;max-height:55vh;margin-top:.75rem;display:block}