@layer layout{.op{display:grid;grid-template-rows:1fr auto;min-block-size:100dvh;padding:var(--space-base)}.op-door{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-loose);padding-block:var(--space-section)}.op-card{position:relative;inline-size:100%;max-inline-size:26rem;padding:var(--space-loose);background:var(--panel);border:var(--border-hair) solid var(--edge);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);overflow:hidden}.op-card:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;inline-size:3px;background:var(--plum)}@media (min-width: 30rem){.op-card{padding:var(--space-section)}}.op-foot{padding-block-start:var(--space-base);text-align:center;font-size:var(--text-xs);color:var(--ink-faint)}}@layer components{.op-mark{display:inline-flex;align-items:baseline;gap:var(--space-tight);font-family:var(--font-display);font-weight:600;font-size:var(--text-xl);letter-spacing:-.01em;color:var(--plum);text-decoration:none}.op-mark:before{content:"";inline-size:3px;block-size:1.1em;border-radius:2px;background:var(--plum);translate:0 .12em}.op-mark__role{font-family:var(--font-body);font-size:var(--text-2xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--ink-faint)}.op-heading{font-size:var(--text-lg);font-weight:600;line-height:var(--leading-tight);letter-spacing:-.01em;margin-block-end:var(--space-hair)}.op-lede{font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--ink-soft);margin-block-end:var(--space-loose)}.op-form{display:grid;gap:var(--space-base)}.op-field{display:grid;gap:var(--space-hair)}.op-label{font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wide);color:var(--ink-soft)}.op-input{inline-size:100%;padding-block:.5rem;padding-inline:.625rem;font-size:var(--text-sm);color:var(--ink);background:var(--panel-sunk);border:var(--border-hair) solid var(--edge-strong);border-radius:var(--radius);transition:border-color var(--duration-quick) var(--ease-out)}.op-input::-moz-placeholder{color:var(--ink-faint)}.op-input::placeholder{color:var(--ink-faint)}.op-input:hover{border-color:var(--plum)}.op-input[aria-invalid=true]{border-color:var(--clay);background:var(--clay-wash)}.op-error{font-size:var(--text-xs);line-height:var(--leading-snug);color:var(--clay)}.op-check{display:flex;align-items:center;gap:var(--space-tight);font-size:var(--text-sm);color:var(--ink-soft);cursor:pointer}.op-check input{accent-color:var(--plum);inline-size:.95rem;block-size:.95rem;cursor:pointer}.op-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-base);flex-wrap:wrap;margin-block-start:var(--space-tight)}.op-button{padding-block:.5rem;padding-inline:var(--space-base);font-size:var(--text-sm);font-weight:600;letter-spacing:var(--tracking-wide);color:light-dark(#ffffff,#16131b);background:var(--plum);border:var(--border-hair) solid transparent;border-radius:var(--radius);transition:background-color var(--duration-quick) var(--ease-out),opacity var(--duration-quick) var(--ease-out)}.op-button:hover:not(:disabled){background:var(--plum-deep)}.op-button:disabled{opacity:.55;cursor:not-allowed}.op-link{font-size:var(--text-sm);color:var(--plum);text-underline-offset:.2em}.op-link:hover{color:var(--plum-deep)}.op-status{padding-block:var(--space-tight);padding-inline:var(--space-snug);font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--sage);background:var(--sage-wash);border-inline-start:3px solid var(--sage);border-radius:var(--radius-sm);margin-block-end:var(--space-base)}}