.door{background:var(--background);min-height:100dvh;color:var(--foreground);display:flex}.door-form{flex-direction:column;flex:50%;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.door-form .ci-auth-root{width:100%;min-height:0}.door-form-fallback{width:100%;min-height:320px}.door-demo{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:64px 24px;display:flex}.door-demo-note{color:var(--foreground-tertiary);font-size:var(--puni-text-sm);margin:0}.door-demo-link{height:36px;box-shadow:inset 0 0 0 1px var(--border);color:var(--foreground);font-size:var(--puni-text-sm);border-radius:9999px;align-items:center;padding:0 16px;text-decoration:none;display:inline-flex}.door-demo-link:hover{background:var(--background-secondary)}.door-picks{flex:50%;min-width:0;position:relative}.picks-scroll{overscroll-behavior:contain;scrollbar-width:none;padding:24px;position:absolute;inset:0;overflow:hidden auto}.picks-scroll::-webkit-scrollbar{display:none}.picks-scroll:focus-visible{outline-offset:-2px}.picks-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;width:100%;margin:0;padding:0;list-style:none;display:grid}.picks-stage .landing-live{z-index:1}.picks-list .tile:focus-within{box-shadow:inset 0 0 0 2px var(--ring)}@media (min-width:1024px){body:has(.door){overflow:hidden}.door{height:100dvh;overflow:hidden}.door-form{overscroll-behavior:contain;overflow:hidden auto}}.door-form .ci-auth-transition{min-height:100%}@media (max-width:1023px){.door{flex-direction:column}.door-form .ci-auth-content{padding:40px 0 32px}.door-form .ci-auth-transition{min-height:440px}.door-form .ci-auth-legal{min-height:20px}.door-form{justify-content:flex-start;min-height:448px}.picks-stage{aspect-ratio:4/3;overflow:hidden}.door-picks{flex:none}.picks-scroll{padding:8px 20px 32px;position:static;overflow:visible}.picks-list{gap:14px 12px}}@media (prefers-reduced-motion:reduce){.picks-scroll{scroll-behavior:auto}}