:root{--bg:#0f1419;--surface:#1a2332;--border:#2d3a4f;--text:#e8edf4;--muted:#8b9cb3;--accent:#3b82f6;--accent-hover:#2563eb;--success:#22c55e;--warning:#f59e0b;--urgent:#ef4444}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}a{color:var(--accent)}button{font:inherit;cursor:pointer;border:none;border-radius:8px;padding:.65rem 1rem;background:var(--accent);color:white;font-weight:600}button:hover{background:var(--accent-hover)}button.secondary{background:var(--surface);border:1px solid var(--border);color:var(--text)}button.success{background:var(--success)}button:disabled{opacity:.5;cursor:not-allowed}input{font:inherit;padding:.75rem 1rem;border-radius:8px;color:var(--text);width:100%}.card,input{border:1px solid var(--border);background:var(--surface)}.card{border-radius:12px;padding:1.25rem}.badge{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge.expected{background:#1e3a5f;color:#93c5fd}.badge.checked_in{background:#14532d;color:#86efac}.badge.checked_out{background:#374151;color:#d1d5db}.badge.urgent{background:#7f1d1d;color:#fca5a5}.landing{max-width:960px;margin:0 auto;padding:2rem 1.5rem 3rem}.landing-hero{margin-bottom:2.5rem}.landing-eyebrow{color:var(--muted);margin:0;font-size:.9rem}.landing-hero h1{font-size:clamp(2.25rem,6vw,3rem);margin:.25rem 0;letter-spacing:-.03em}.landing-lead{font-size:1.15rem;color:var(--muted);max-width:36rem;line-height:1.5}.landing-cta{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}.landing-preview{margin-bottom:2rem;background:linear-gradient(145deg,#1a2332,#0f1419)}.landing-preview-mock{padding:.5rem 0}.mock-row{padding:.75rem 1rem;background:var(--bg);border-radius:8px;margin-bottom:.5rem;font-size:.95rem}.landing-preview-caption{color:var(--muted);font-size:.85rem;margin:.75rem 0 0}.landing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1rem;gap:1rem}.landing-grid h3{margin-top:0}.landing-grid p{color:var(--muted);margin-bottom:0;font-size:.95rem}.landing-footer{margin-top:3rem;color:var(--muted);font-size:.85rem}.host-shell{max-width:420px;margin:0 auto;padding:1.25rem 1.25rem 3rem;min-height:100vh}.host-brand{color:var(--muted);font-size:.85rem;margin:0 0 1.25rem}.host-brand a{color:var(--muted);text-decoration:none}.host-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.5rem 1.25rem}.host-card h1{margin:0 0 .5rem;font-size:1.65rem;letter-spacing:-.02em}.host-card h2{margin:0 0 .75rem;font-size:.95rem;color:var(--muted);font-weight:600}.host-eyebrow{margin:0 0 .35rem;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.host-muted{color:var(--muted);font-size:.95rem;line-height:1.45;margin:0 0 1rem}.host-label{display:block;font-size:.8rem;color:var(--muted);margin:.85rem 0 .35rem}.host-error{color:var(--urgent);font-size:.9rem;margin:.75rem 0 0}.host-visitor-btn{width:100%;margin-top:1.25rem;padding:1.35rem 1rem;font-size:1.5rem;letter-spacing:.04em}.host-confirm-name{font-size:1.5rem;font-weight:700;margin:.75rem 0}.host-hold-title{color:var(--urgent);margin-bottom:.35rem}.host-hold-amount{font-size:2rem;font-weight:700;letter-spacing:.02em;margin:.75rem 0 .25rem}.host-code-card{text-align:center}.host-code-hint{color:var(--muted);font-size:.95rem;margin:0 0 .75rem}.host-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(2.4rem,12vw,3.25rem);letter-spacing:.22em;margin:.5rem 0 .75rem;font-weight:700;-webkit-user-select:all;-moz-user-select:all;user-select:all}.host-demo{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border);font-size:.85rem}.host-recent{list-style:none;margin:0;padding:0}.host-recent-head,.host-recent-row{display:grid;grid-template-columns:minmax(0,1.3fr) 5.6rem minmax(4.6rem,.8fr);align-items:center;grid-gap:.5rem;gap:.5rem;text-align:left}.host-recent-head span:nth-child(2),.host-recent-row strong{text-align:center}.host-recent-head span:nth-child(3){text-align:right}.host-recent-head{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:0 .75rem .45rem}.host-recent-row{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);font-weight:500;margin-bottom:.5rem}.host-recent-row strong{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.12em}.host-recent-status{font-size:.82rem;font-weight:700;justify-self:end}.host-recent-status--expected{color:var(--accent)}.host-recent-status--checked_in{color:var(--success)}.host-recent-status--cancelled,.host-recent-status--checked_out,.host-recent-status--denied,.host-recent-status--expired{color:var(--muted)}.host-signout{text-align:center;margin-top:1.5rem}.host-toast{margin:0 0 1rem;padding:.9rem 1rem;border-radius:12px;font-weight:600;line-height:1.35;animation:host-toast-in .22s ease-out}.host-toast--checked_in{background:#14532d;color:#dcfce7}.host-toast--denied{background:#7f1d1d;color:#fee2e2}.host-toast--checked_out,.host-toast--expired{background:var(--surface);border:1px solid var(--border);color:var(--text)}.host-code-live{margin:.35rem 0 .75rem;padding:.65rem .75rem;border-radius:10px;font-weight:700;font-size:.95rem}.host-code-live--expected{background:#1e3a5f;color:#93c5fd}.host-code-live--checked_in{background:#14532d;color:#86efac}.host-code-live--denied{background:#7f1d1d;color:#fecaca}.host-code-live--cancelled,.host-code-live--checked_out,.host-code-live--expired{background:var(--bg);color:var(--muted)}@keyframes host-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pwa-banner{margin:0 0 1rem;padding:1rem 1.1rem;background:var(--surface);border:1px solid var(--accent);border-radius:16px}.pwa-banner-title{margin:0 0 .35rem;font-weight:700}.pwa-banner-body{margin:0 0 .75rem;color:var(--muted);font-size:.95rem;line-height:1.45}.pwa-steps{margin:0 0 .85rem;padding-left:1.2rem;color:var(--text);font-size:.95rem;line-height:1.55}.pwa-banner-actions{display:flex;flex-wrap:wrap;gap:.5rem}