.auth-top{display:flex;align-items:center;justify-content:space-between;gap:var(--gap)}.auth-top-spacer{width:var(--touchTarget);flex:none}.auth-panel{margin-top:auto}.auth-panel h1,.auth-panel .lede{margin:0}.auth-email{overflow-wrap:anywhere}.auth-code{font-size:var(--fontCode);letter-spacing:.4em;text-align:center;padding-left:.4em;font-weight:var(--weight-title)}.auth-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--gap)}.auth-status{margin:0;display:flex;align-items:center;gap:var(--gap);color:var(--ui-text);font-size:var(--fontSmall);font-weight:var(--weight-label)}.auth-status .icon{color:var(--ui-good);flex:none}.acct-dob{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.6fr);gap:var(--gap)}.acct-dob label{display:flex;flex-direction:column;gap:var(--gap);font-size:var(--fontSmall);font-weight:var(--weight-label)}.acct-group{border:0;margin:0;padding:0;min-width:0}.acct-foot{justify-content:center}.screen.acct{height:100dvh;min-height:0}.acct .auth-panel{flex:0 1 auto;min-height:0}.acct-body{display:flex;flex-direction:column;gap:var(--space12);overflow-y:auto;min-height:0;overscroll-behavior:contain}.notice-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space12)}.notice-points li{display:flex;align-items:flex-start;gap:var(--gap);font-size:var(--fontBody)}.notice-points .icon{color:var(--ui-marker);flex:none;margin-top:2px}.sys-screen{padding-top:calc(env(safe-area-inset-top) + var(--space24))}.sys-top{margin-top:12dvh;display:flex;justify-content:center}.sys-panel{margin-top:auto}.sys-title{display:flex;align-items:center;gap:var(--gap)}.sys-warn{display:inline-flex;color:var(--ui-warn)}.title-top{margin-top:12dvh;display:flex;flex-direction:column;align-items:center;gap:var(--gap);text-align:center}.title-promise{margin:0;font-size:var(--fontLead);font-weight:var(--weight-label);padding:0 var(--space12);border-radius:var(--pillRadius);background:color-mix(in srgb,var(--ui-ink) var(--alpha-scrim),transparent)}.title-panel{margin-top:auto}.title-greet{margin:0;font-size:var(--fontTitle);font-weight:var(--weight-title)}main.screen>.title-video-toggle{position:absolute;top:calc(env(safe-area-inset-top) + var(--gap));right:calc(env(safe-area-inset-right) + var(--gutter));z-index:2}main.screen>.title-video{position:fixed;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:0;transition:opacity var(--motion-art) ease-out}main.screen>.title-video.is-loaded{opacity:1}