/* This stylesheet belongs ONLY to the dedicated gate document, never the host app. */
:root:not(.dark):not([data-theme="dark"]), :root[data-theme="light"] { --mk-paper: #ffffff; --mk-raised: #ffffff; }
html, body { margin: 0; min-height: 100%; background: var(--mk-surface); color: var(--mk-text); }
html { color-scheme: light; }
html[data-theme="dark"], html.dark { color-scheme: dark; }
body { font-family: var(--mk-utility); font-size: var(--mk-t-base); line-height: var(--mk-lh-body); font-weight: 400; font-synthesis: none; -webkit-text-size-adjust: 100%; }
.gate-first-frame { min-height: 100svh; padding: calc(var(--mk-s6) + var(--mk-safe-top)) calc(var(--mk-s10) + var(--mk-safe-right)) calc(var(--mk-s6) + var(--mk-safe-bottom)) calc(var(--mk-s10) + var(--mk-safe-left)); display: flex; flex-direction: column; }
.gate-first-header { display: flex; justify-content: space-between; align-items: center; gap: var(--mk-s4); flex-wrap: wrap; }
.gate-first-brand { display: flex; flex-direction: row; align-items: center; gap: var(--mk-s3); margin-right: auto; min-width: 0; }
.gate-first-wordmark { font-family: 'Bodoni Moda', 'Bodoni 72', Didot, serif; font-size: var(--mk-t-lg); line-height: var(--mk-lh-head); font-weight: 400; letter-spacing: normal; text-transform: none; overflow-wrap: anywhere; }
.gate-first-emblem { position: relative; display: block; flex: none; width: var(--mk-s10); height: var(--mk-s10); border-radius: var(--mk-r-pill); overflow: hidden; isolation: isolate; }
.gate-first-emblem img { position: absolute; display: block; width: 114.285714%; max-width: none; height: auto; left: -7.142857%; top: -2.857143%; }
.gate-first-private { color: var(--mk-text-2); font-size: var(--mk-t-sm); letter-spacing: var(--mk-track-eyebrow); text-transform: uppercase; overflow-wrap: anywhere; }
.gate-first-content { flex: 1; display: flex; align-items: center; justify-content: center; min-width: 0; padding-block: var(--mk-s10); }
.gate-first-card { width: min(100%, 30rem); min-width: 0; padding: var(--mk-s6); border: var(--mk-b-1) solid var(--mk-rule); border-radius: var(--mk-r-3); background: var(--mk-raised); box-shadow: var(--mk-el-2); }
.gate-first-card h1 { margin: 0 0 var(--mk-s6); font-family: var(--mk-display); font-size: var(--mk-t-xl); line-height: var(--mk-lh-head); font-weight: 400; }
/* Non-interactive placeholders occupy the mounted controls' exact layout. */
.gate-first-skeleton { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--mk-s4); align-items: end; }
.gate-first-group { display: grid; gap: var(--mk-s2); min-width: 0; }
.gate-first-label { font-size: var(--mk-t-sm); line-height: var(--mk-lh-body); color: var(--mk-text); overflow-wrap: anywhere; }
.gate-first-required { color: var(--mk-text-2); }
.gate-first-slide-label { display: flex; flex-wrap: wrap; align-items: center; gap: var(--mk-s2); min-height: calc(var(--mk-t-base) * var(--mk-lh-body)); color: var(--mk-text); font-size: var(--mk-t-base); line-height: var(--mk-lh-body); overflow-wrap: anywhere; }
.gate-first-chevrons { color: var(--mk-text-2); }
.gate-first-code { display: flex; align-items: center; min-width: 0; min-height: var(--mk-input-h); padding: var(--mk-s2) var(--mk-s3); border: var(--mk-b-1) solid var(--mk-rule-control); border-radius: 14px; background: var(--mk-raised); color: var(--mk-text-2); }
.gate-first-track { position: relative; min-height: var(--mk-btn-h-mobile); border: var(--mk-b-1) solid var(--mk-rule-control); border-radius: 14px; background: var(--mk-ink-06); }
.gate-first-thumb { position: absolute; left: 1px; top: 1px; width: var(--mk-tap-min); height: var(--mk-tap-min); min-width: var(--mk-tap-min); min-height: var(--mk-tap-min); border: var(--mk-b-1) solid var(--mk-accent); border-radius: var(--mk-r-pill); background: var(--mk-accent); color: var(--mk-accent-ink); display: grid; place-items: center; }
.gate-first-thumb svg { width: var(--mk-icon); height: var(--mk-icon); stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.gate-first-feedback { min-height: calc(var(--mk-t-base) * var(--mk-lh-body) * 3 + var(--mk-s4)); padding-top: var(--mk-s4); }
.gate-first-powered { margin-top: var(--mk-s4); color: var(--mk-text-2); font-family: var(--mk-utility); font-size: var(--mk-t-sm); font-style: italic; font-synthesis: style; line-height: var(--mk-lh-body); text-align: right; overflow-wrap: anywhere; }
noscript { display: block; padding: var(--mk-s6); color: var(--mk-text); }
@media (max-width: 640px) {
  .gate-first-frame { padding: calc(var(--mk-s4) + var(--mk-safe-top)) calc(var(--mk-s4) + var(--mk-safe-right)) calc(var(--mk-s4) + var(--mk-safe-bottom)) calc(var(--mk-s4) + var(--mk-safe-left)); }
  .gate-first-header { align-items: flex-start; }
  .gate-first-private { flex-basis: 100%; order: 3; }
  .gate-first-card { padding: var(--mk-s4); }
  .gate-first-skeleton { grid-template-columns: minmax(0, 1fr); gap: var(--mk-s4); }
  .gate-first-thumb { width: var(--mk-btn-h-mobile); height: var(--mk-btn-h-mobile); }
  .gate-first-track { min-height: calc(var(--mk-btn-h-mobile) + var(--mk-s1)); }
}
@media (forced-colors: active) {
  .gate-first-thumb { background: ButtonFace; color: ButtonText; border-color: ButtonText; }
  .gate-first-track { background: Canvas; }
  .gate-first-track, .gate-first-code { border-color: CanvasText; }
}