.gate{background:var(--paper);place-items:center;min-height:100dvh;padding:1.5rem;display:grid}.gate-card{background:var(--paper-raised);border:1px solid var(--rule);width:100%;max-width:26rem;box-shadow:var(--shadow);border-radius:10px;padding:clamp(1.5rem,5vw,2.25rem)}.gate-title{font-family:var(--f-display);letter-spacing:-.01em;font-size:1.5rem;font-weight:500}.gate-sub{color:var(--ink-2);margin-top:.4rem;font-size:.9375rem}.gate-label{letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3);margin:1.5rem 0 .4rem;font-size:.6875rem;font-weight:600;display:block}.gate-input{width:100%;font-family:var(--f-mono);letter-spacing:.5em;text-align:center;background:var(--paper);color:var(--ink);border:1px solid var(--rule);border-radius:8px;padding:.7rem .5rem;font-size:1.5rem}.gate-input--text{font-family:var(--f-body);letter-spacing:normal;text-align:left;font-size:1rem}.gate-input:focus-visible{border-color:var(--focus)}.gate-error{min-height:1.4rem;color:var(--critical);margin-top:.5rem;font-size:.8125rem}.gate-button{background:var(--ink);width:100%;min-height:44px;color:var(--paper);border-radius:8px;margin-top:.5rem;padding:.7rem 1rem;font-size:.9375rem;font-weight:600}.gate-button:disabled{opacity:.45;cursor:not-allowed}.gate-people{flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;display:flex}.gate-person{border:1px solid var(--rule);background:var(--paper);border-radius:999px;min-height:44px;padding:.5rem 1rem;font-size:.9375rem}.gate-person:hover:not(:disabled){border-color:var(--ink-3);background:var(--paper-sunk)}.gate-other{border-top:1px solid var(--rule-soft);margin-top:1.75rem;padding-top:1.25rem}.gate-other-row{align-items:stretch;gap:.5rem;display:flex}.gate-other-row .gate-button{white-space:nowrap;width:auto;margin-top:0}