.demo-invitation{width:100%;min-height:min(100dvh,760px);box-sizing:border-box;max-width:var(--maxw);margin:0 auto;padding:clamp(22px,6vw,40px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;color:var(--ink);background:var(--page);border:var(--border-standard) solid var(--ink);border-radius:var(--radius-card);box-shadow:var(--shadow-standard) var(--shadow-standard) 0 var(--ink)}.demo-invitation__brand{margin:0 0 18px;font-size:1.9rem}.demo-invitation__tag{margin:0;color:var(--teal-ink);font-family:var(--font-display);font-size:.86rem;letter-spacing:.05em;text-transform:uppercase}.demo-invitation h1{margin:0;color:var(--ink);font-family:var(--font-display);font-size:clamp(2.1rem,8vw,3.25rem);font-weight:700;letter-spacing:.01em;line-height:.98;text-transform:uppercase}.demo-invitation h1:focus{outline:none}.demo-invitation__note{max-width:48ch;margin:0;color:var(--deep-gray);line-height:1.55}.demo-invitation form{display:grid;width:100%;gap:12px;margin-top:6px}.demo-invitation label{display:grid;gap:8px;color:var(--ink);font-size:.9rem;font-weight:650}.demo-invitation input{box-sizing:border-box;width:100%;padding:12px 14px;color:var(--ink);background:var(--card);border:2px solid var(--ink);border-radius:var(--radius-card);font:1rem var(--font-body)}.demo-invitation input:focus{outline:none}.demo-invitation input:focus-visible{outline:3px solid var(--teal-ink);outline-offset:2px}.demo-invitation__action,.demo-invitation__episode,.demo-invitation__lock{min-height:48px;padding:10px 16px;color:var(--ink);background:var(--teal);cursor:pointer;font:700 .95rem var(--font-body)}.demo-invitation__action:active,.demo-invitation__episode:active,.demo-invitation__lock:active{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--ink)}.demo-invitation__action:focus,.demo-invitation__episode:focus,.demo-invitation__lock:focus{outline:none}.demo-invitation__action:focus-visible,.demo-invitation__episode:focus-visible,.demo-invitation__lock:focus-visible{outline:3px solid var(--teal-ink);outline-offset:3px}.demo-invitation__action:disabled{opacity:.55;cursor:default}.demo-invitation__episode{width:100%;text-align:left}.demo-invitation__lock{background:var(--page)}.demo-invitation [role=alert]{min-height:1.25em;margin:0;color:var(--teal-ink);font-size:.85rem;line-height:1.5}@media(max-width:560px){.demo-invitation{min-height:calc(100dvh - 12px);padding:22px 18px}.demo-invitation__brand{margin-bottom:10px}}